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

 

posted on 2018-04-08 13:39  四月妹  阅读(130)  评论(0编辑  收藏  举报