ejs-cli ejs预先定义好 数据---将数据注入到模板中->|编译 带有数据的html页面
为什么使用ejs
- 在web项目中渲染页面,我们很多时候,会用json或者拼接字符串的方式,不够美观,破坏原有html结构,大量的html拼接会使代码难以阅读。
- ejs是一个简单高效的模板语言,通过数据和模板,可以生成HTML标记文本。
标准的json字符串外面必须是单引号 $ ejs-cli -f for.ejs -o ../dist
EJS是一个javascript模板库,用来从json数据中生成HTML字符串
- 缓存功能,能够缓存好的HTML模板;
- <% code %>用来执行javascript代码
1、语法
声明变量 <% title="EJS Template engine" %>
输出变量
-
<%= username %> 特殊字符将进行转义
2、.变量定义标签属性
<h1 style="<%= style %>"></h1>
3、循环
<% users=["Jack","Rose","Alice","Ave"] %> //数组
<ul> <% for(var i in users){ %> <li><%= users[i].username %>--<%= users[i].age %></li> <% } %> </ul>
4、if语句
<% if(isLogin){ %> <p><a href="#">Jerry</a> | <a href="#">退出</a></p> <% }else{ %> <p><a href="#">登录</a> | <a href="#">注册</a></p> <% } %>
5、模板嵌套
<% include 嵌套模板路径 %>