EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。
一、在package.json文件中添加ejs模板引擎,并设置latest最新版 "ejs":"latest",执行npm install;
二、在views文件夹里创建index.ejs;
三、在app.js添加:
1 app.set('views',__dirname+'views');//设置模板引擎的目录
2 app.set('views engine','ejs');//设置模板引擎是什么
四、在index.js添加:
1 router.get('/',(,req,res) => {
2 res.render('index');
3 //Express的模板引擎常用的是ejs和jade。它预留了变量,res.render()就是将我们的数据填充到模板后展示出完整的页面。
4 });
五、引入其他模板:
六、index.js向模板传递数据(以json格式)
1 router.get('/',(,req,res) => {
2 res.render('index',{ name:'lichangtao'});
3 //也可以先定义对象,再传入(可以是一个或多个)
4 let obj = {};
5 res.render('index',{ data1:obj1,data2:obj2,... });
6 });
模板文件index.ejs接收数据:
<%= json数据名 %> //不解析HTML代码,直接显示
或 <%- json数据名 %> //解析HTML代码
注:js代码或者传递过来的json数据需要用<% %>包起来
传递过来的值用<%= %>或<%- %>包起来