ejs模板引擎的使用

EJS是一個JavaScript模板庫，用來從JSON數據中生成HTML字符串。

一、在package.json文件中添加ejs模板引擎，並設置latest最新版 "ejs":"latest"，執行npm install；

二、在views文件夾里創建index.ejs；

三、在app.js添加:

 app.set('views',__dirname+'views');//設置模板引擎的目錄
 app.set('views engine','ejs');//設置模板引擎是什么

 

四、在index.js添加：

 router.get('/',(,req,res) => { 2       res.render('index'); 3  　   //Express的模板引擎常用的是ejs和jade。它預留了變量，res.render()就是將我們的數據填充到模板后展示出完整的頁面。
 });

 

五、引入其他模板：

<% include aa.ejs %>

 

六、index.js向模板傳遞數據（以json格式）

  router.get('/',(,req,res) => { 2        res.render('index',{ name:'lichangtao'}); 3        //也可以先定義對象，再傳入（可以是一個或多個）
       let obj = {}; 5        res.render('index',{ data1:obj1,data2:obj2,... }); 6   });

 

 　模板文件index.ejs接收數據：

   　 　  <%= json數據名 %> //不解析HTML代碼，直接顯示

　　  或 <%- json數據名 %> //解析HTML代碼

　　  注：js代碼或者傳遞過來的json數據需要用<% %>包起來

   　　　  傳遞過來的值用<%= %>或<%- %>包起來