ejs模板引擎的使用

Posted 2020-09-11 小小lomo

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  });

 

五、引入其他模板：

1 <% include aa.ejs %>

 

六、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数据需要用<% %>包起来

   　　　  传递过来的值用<%= %>或<%- %>包起来