一、准备动作
1、安装nodejs与安装express
安装nodejs教程:http://www.cnblogs.com/pigtail/archive/2013/01/08/2850486.html
安装express教程:http://www.expressjs.com.cn/starter/installing.html
2、安装node-jsx(使nodejs支持jsx语法)
$ npm install node-jsx
3、安装ejs模板引擎
$ npm install ejs
4、选用ejs模板引擎解析html视图文件(配置express框架应用的app.js),需修改配置如下:
二、具体实现如下:
express路由:
react组件:
视图(使用了ejs模板引擎):
1 <html> 2 <head> 3 <title>DudeYouth博客</title> 4 <meta charset="utf-8" /> 5 <link href="css/index.css" rel="stylesheet"/> 6 <link href="css/style.css" rel="stylesheet"/> 7 </head> 8 <body> 9 <div id="container"><%-component%></div> <!--使用ejs模板解析后的html字符串--> 10 </body> 11 </html>
原文链接:https://www.cnblogs.com/sunshq/p/5614318.html
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/22109