node ejs簡介 ejs語法總結 include()方法

一、ejs簡介

ejs是一套簡單的模板語言，在Node后端可以使用ejs模板引擎將json 數據渲染生成html 頁面。

特點：

​ 純JavaScript

​ 快速開發

​ 執行快速

​ 語法簡單

1） 安裝：

​ npm i ejs

2）配置

// 配置ejs,將ejs 設置為默認的模板引擎。express可是使用的模板引擎還有pug、jade等

app.set("view engine","ejs");

// 指定模板文件的存放目錄，默認是views文件夾，一般不建議修改

// app.set("views","./templates");

二、ejs 語法總結

<%= 輸出數據到模板

<% 腳本標簽，用於流程控制，無輸出

<%_ 刪除其前面的空格符

<%- 輸出非轉義的數據到模板

<%# 注釋標簽，不執行，不輸出內容

<%% 輸出字符串

%> 一般結束標簽

_%> 將結束標簽后面的空格符刪除

循環和判斷

    <% for(let i=0;i<result.length;i++){ %>   
      <tr>
        <td><%= result[i].name %></td>
        <td><%=  result[i].age  %></td>
        <% if(result[i].sex=="男"){ %>
          <td class="red"><%=  result[i].sex  %></td>
        <% }else{ %>
          <td class="green"><%=  result[i].sex  %></td>
        <% } %>
      </tr>
    <% } %>

三、 include() 方法

當頁面的結構比較復雜時，可以將頁面按布局拆分為多個模板文件，然后使用 include() 引入。

<%- include("header.ejs") %>

如果需要在包含的模板中渲染數據，將數據作為include()的第二個參數傳入

<%- include("leftmenu",stu) %>