开发者学堂课程【Node.js 入门与实战: ejs 模板引擎使用(独立使用,没有集成express)】学习笔记,与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/588/detail/8324
ejs模板引擎使用(独立使用,没有集成express)
内容介绍:
一、ejs 模板引擎使用方法
二、范例
一、ejs 模板引擎使用方法
1. 使用方法并安装 ejs
npm install ejs
2. 母版语法
Control flow with<% %>
Escaped output with<%=%>(escape function configurable)
3. 示例代码
< % if(user) {%>
<h2><%=user.name %></h2>
<%}%>
4.使用方法
1.
var template
=
ejs.compile(str,options) ;
template (data) ;
// => Rendered HTML string
//带母版的语法传过来,在重新进行编译,返回就是渲染好的数据
2.
ejs.render (str,data,options) ;
// => Rendered HTML string
//把带母版语法传过来,就会回传一个渲染好的文件
3.
ejs. renderFile (fi lename, data, opt i ons ,funct ion (err
,
str){
/
/
str => Rendered HTML String
}
);
//读取一个文件
二、范例
1.
//加载 ejs 模块
var ejs = require('ejs');
// render
var html = '<h1><%= username
%></h1>' ;
//进行替换的变量
var result = ejs .render(html, {username: '张三' });
console.log(result);
/
/返回的就是渲染好的结果
输出结果为:
<h1>张三</h1>
2.调用 render file
新建 index.html 文件
<!DOCTYPE
html>
<html
lang="en
>
<head
>
<
meta
charset="UTF-8">
<title><%= title %x/title>
</head>
<body>
<u1>
<%
for
(var
i
=0;i <
5;i++)
{
%>
//循环
<
l
i><%=
msg %>
</
l
i>
<%
}
%>
</ul>
</body
>
</html>
//带母版语法的 html 文件
v
ar
ejs
=
require('ejs');
var path
=
require(' path')
;//定义 path 变量
// renderFile
ejs.renderFile(path.join(__dirname,'index.html'),{title:'
这是一个演示标题’,msg:'你好世界!‘}, function (err,result){
// body...
console.log(result);
});//回调函数,并输出结果
输出结果为:
<li>你好世界! </li>
<li>你好世界! </li>
<li>你好世界! </li>
<li>你好世界! </li>
<li>你好世界! </li>