Express 中 ejs 的安装
npm install ejs --save
或者:
npm install ejs --save-dev
Express 中 ejs 的使用
var express = require("express");
var app = express();
app.set("view engine","ejs");
app.get("/",function(req,res){
res.render("news",
{
"news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]
});
});
app.listen(3000);
指定模板位置 ,默认模板位置在 views :
app.set('views', __dirname + '/views');
Ejs 引入模板 :
<%- include header.ejs %>
Ejs 绑定数据:
<%=data%>
Ejs 绑定 html 数据 :
<%-data%>
Ejs 模板判断语句 :
<% if(true){ %>
<div>true</div>
<%} else{ %>
<div>false</div>
<%} %>
Ejs 模板中循环数据 :
<%for(var i=0;i<list.length;i++) { %>
<li><%=list[i] %></li>
<%}%>
Ejs 后缀修改为 Html :
这是一个小技巧,看着.ejs 的后缀总觉得不爽,使用如下方法,可以将模板文件的后缀换成我们习惯的.html。
1.在 app.js 的头上定义 ejs:,代码如下:
var ejs = require('ejs');
2.注册 html 模板引擎代码如下:
app.engine('html',ejs.__express);
3.将模板引擎换成 html代码如下:
app.set('view engine', 'html');
4.修改模板文件的后缀为.html。