ejs 模板引擎

安裝

npm install ejs --save
// 引入...
const ejs = require('ejs')

數(shù)據(jù)綁定

• 語(yǔ)法

  <%= 字段名%>
  `<%`  腳本 標(biāo)簽，用于流程控制，無(wú)輸出。
  `<%_` 刪除其前面的空格符
  `<%=` 輸出數(shù)據(jù)到模板（輸出是轉(zhuǎn)義 HTML 標(biāo)簽）
  `<%-` 輸出非轉(zhuǎn)義的數(shù)據(jù)到模板
  `<%#` 注釋標(biāo)簽，不執(zhí)行、不輸出內(nèi)容
  `<%%` 輸出字符串 '<%'
  `%>` 一般結(jié)束標(biāo)簽
  `-%>` 刪除緊隨其后的換行符
  `_%>` 將結(jié)束標(biāo)簽后面的空格符刪除
  

循環(huán)語(yǔ)句

• 語(yǔ)法

    <%for(var i=0;i<arr.length;i++){%>
      <div>user:<%=arr[i]%> <div>
    <%}%>
  

條件判斷

• 語(yǔ)法

  <% if (arr[1] == 1) {%>
     <div style="color:red"><%= arr[0]%></div>
  <%}else if(arr[1] != 1){%>
     <div>else</div>
  <%}%>
  

incloud 引入文件

• 語(yǔ)法

  <%- include ('./login.html',{name:'登錄頁(yè)面'}) %>
  

讀取文件

• 語(yǔ)法

  // 讀取文件，并向頁(yè)面發(fā)送數(shù)據(jù)
  ejs.renderFile(filePath,
                 {name:'大白',arr:[1,2,3,4,5]},(err,data)=>{
          if(err){
              return res.end('404 Not Found')
          }
          res.end(data)
      })