EJS模板

EJs模板

• EJS是一个简单高效的模板语言，通过数据和模板，可以生成HTML标记文本。可以说EJS是一个JavaScript库，EJS可以同时运行在客户端和服务器端，客户端安装直接引入 文件即可，服务端调用npm包安装。
• 特点

1. 快速编译和渲染
2. 简单的模板标签
3. 自定义标记分隔符
4. 支付文本包含
5. 支持浏览器和服务器端
6. 支持静态缓存
7. 支持express视图系统

render(str, data, [option]):直接渲染字符串并生成html

• str: 需要解析的字符串模板
• data: 数据
• option: 配置项

EJS标签

• 流程控制标签

<% if(isShow) {%> 
  // pass
<% } %> 

• 列表渲染

<ul>
  <% for(var i = 0; i < arr.length; i++){ %>
    <%= i %> <%= arr[i] %>
  <% } %>
</ul>

• 文本替换

<%= title %> （原文输出HTML标签）
<%- title %>（HTML会被浏览器解析）

• 模板引入

<%- includes('header.ejs') %>

• 其他

<%# %> 注释标签
% 对标记进行转义 
%PUBLIC_URL%   // 静态资源public文件夹的绝对路径
<%= BASE_URL %>  // 根路径