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