ejs模板引擎

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 嵌套模板路径 %>

 

转载于:https://www.cnblogs.com/aprilgirl/p/8744497.html