Express 中 ejs 的使用

 

Express 中 ejs 的安装：

npm install ejs --save

 

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 绑定数据

<%=h%>

 

Ejs 绑定 html 数据

<%-h%>

 

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

将模板文件的后缀换成我们习惯的.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