模板引擎ejs入门学习

时间：2022-05-12 14:32:50

1：利用 NPM 安装 EJS 很简单

npm install ejs

2：安装完成肯定就是使用了

var template = ejs.compile(str, options);

template(data);

// => 输出绘制后的 HTML 字符串

ejs.render(str, data, options);

// => 输出绘制后的 HTML 字符串

ejs.renderFile(filename, data, options, function(err, str){

    // str => 输出绘制后的 HTML 字符串

});

3：当然如何引用参数进行数据绑定呢？

参数：

<% '脚本' 标签，用于流程控制，无输出。

<%_ 删除其前面的空格符

<%= 输出数据到模板（输出是转义 HTML 标签）

<%- 输出非转义的数据到模板

<%# 注释标签，不执行、不输出内容

<%% 输出字符串 '<%'

%> 一般结束标签

-%> 删除紧随其后的换行符

_%> 将结束标签后面的空格符删除

参数解释：

cache 缓存编译后的函数，需要提供 filename

filename 被 cache 参数用做键值，同时也用于 include 语句

context 函数执行时的上下文环境

compileDebug 当为 false 时不编译调试语句

client 返回独立的编译后的函数

delimiter 放在角括号中的字符，用于标记标签的开与闭

debug 将生成的函数体输出

_with 是否使用 with() {} 结构。如果为 false，所有局部数据将存储在 locals 对象上。

localsName 如果不使用 with ，localsName 将作为存储局部变量的对象的名称。默认名称是 locals

rmWhitespace 删除所有可安全删除的空白字符，包括开始与结尾处的空格。对于所有标签来说，它提供了一个更安全版本的 -%> (在一行的中间并不会剔除标签后面的换行符)。

escape 为 <%= 结构设置对应的转义（escape）函数。它被用于输出结果以及在生成的客户端函数中通过 .toString() 输出。(默认转义 XML)

4：循环

//模板定义.ejs
<ul>

      <% for(var i in users){ %>

      <li><%= users[i].username %>--<%= users[i].age %></li>

      <% } %>

</ul>

//运行后生产html代码.html
<ul> <li> Jack </li> <li> Rose </li> <li> Alice </li> <li> Ave </li> </ul>

5：变量定义标签的样式属性

<h1 style="<%= style %>"></h1>

　　

6：if判断语句

//模板定义将所有条件判断代码放<% %>里面即可
<% if(isLogin){ %>

    <p><a href="#">Jerry</a> | <a href="#">退出</a></p>

<% }else{ %>

    <p><a href="#">登录</a> | <a href="#">注册</a></p>

<% } %>

7：利用<%- include filename %>加载其他页面模版；

学习ejs的入门基础就到这里，后面我们还会有使用ejs+nodejs进行代码模板生成，谢谢大家阅读，希望能够帮助到大家。

相关文章