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 %>  // 根路径
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容