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) %>