开发者学堂课程【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++){%>//循环
<li><%=msg %></li>
<% }%>
</ul>
</body>
</html>//带母版语法的 html 文件
var 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>
