Web浏览器上Java,ReactJS代码的服务器端渲染
Server-side rendering of Java, ReactJs code on a web browser
我需要做什么才能在浏览器上呈现它?下面的代码目前在 Eclipse 控制台上工作和渲染。我需要将此代码与像 Tomcat 这样的服务器一起使用,并在带有本地主机的浏览器上显示它。请指教。
import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import java.io.FileReader;
public class Test {
private ScriptEngine se;
// Constructor, sets up React and the Component
public Test() throws Throwable {
ScriptEngineManager sem = new ScriptEngineManager();
se = sem.getEngineByName("nashorn");
// React depends on the "global" variable
se.eval("var global = this");
// eval react.js
se.eval(new FileReader("../react-0.14.7/build/react.js"));
// This would also be an external JS file
String component =
"var MyComponent = React.createClass({" +
" render: function() {" +
" return React.DOM.div(null, this.props.text)" +
" }" +
"});";
se.eval(component);
}
// Render the component, which can be called multiple times
public void render(String text) throws Throwable {
String render =
"React.renderToString(React.createFactory(MyComponent)({" +
// using JSONObject here would be cleaner obviously
" text: '" + text + "'" +
"}))";
System.out.println(se.eval(render));
}
public static void main(String... args) throws Throwable {
Test test = new Test();
test.render("I want to Display");
test.render("This on a Browser like google chrome, using Tomcat server with Eclipse, currently it displays on Console in Eclipse.");
}
}
有很多可能性。一个非常常用的是使用REST服务。您可以使用 JAX-RS 或 Spring REST 支持来托管 REST 服务。将您的网页作为简单的 html 页面。加载此页面后,它将进行 REST 调用,获取数据并将其显示给用户。
你可以使用 JSP 来做到这一点。
创建一个 JSP 页。导入测试类。
您可以查看 http://www.tutorialspoint.com/articles/run-your-first-jsp-program-in-apache-tomcat-server 以了解如何使用 JSP。
相关文章:
- 如何在VB中先执行客户端代码,然后再执行服务器端代码
- 使用C#将在JavaScript中创建的变量值传递给ASP.Net中的服务器端(代码隐藏)
- 如何在 asp.net 中从 javascript 调用服务器端代码
- 从javaScript执行服务器端代码
- C#/ASP-web,ASP:在客户端执行复选框消息框,如果是,则运行服务器端代码
- asp:ListBox OnSelectedIndexChanged调用javascript函数而不是服务器端代码
- 从服务器端代码获取会话信息到客户端代码
- 服务器端代码在谷歌应用脚本中不起作用
- 如何实现自定义 Auth0 登录表单的服务器端代码
- 没有“访问控制允许来源”错误,即使标头在我的服务器端代码上
- 有没有可能的方法可以在一次ASP按钮单击中同时显示JavaScript和服务器端代码中的消息
- jQuery:服务器端代码和错误
- gulp-nodemon + 浏览器同步:服务器端代码更改后,应用程序不会重新加载
- ASP.net 服务器端代码
- 在 MVC 服务器端代码中动态创建和缩小 JavaScript ASP.NET
- asp.net 按钮单击客户端和服务器端代码
- 单击浏览器的后退按钮后,Opera 浏览器不会在页面上触发 JS 或服务器端代码 (JSP)
- 我想使用数据表列搜索.但我不知道服务器端代码应该如何
- 发布到服务器端代码内的路由
- 有没有一种方法可以调用某些服务器端代码;新的“;按钮被按下