Express中使用ejs模板引擎

Posted ningchenglong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Express中使用ejs模板引擎相关的知识,希望对你有一定的参考价值。

模板html文件放在view目录中,

文件名为:user_ejs.html

内容为:

<!DOCTYPE html>
<html lang="en">
<head>
	<title>EJS Template</title>
</head>

<body>
	<h1>User using EJS Template</h1>
	<ul>
		<li>Name: <%= uname %></li>
		<li>Vehicle: <%= vehicle %></li>
		<li>Terrain: <%= terrain %></li>
		<li>Climate: <%= climate %></li>
		<li>Location: <%= location %></li>
	</ul>
</body>
</html>

 运行文件为:

var express = require(‘express‘);

//导入ejs模块
var ejs = require(‘ejs‘);

var app = express();

//把./views目录设置为模板文件的根,html文件模板放在view目录中
app.set(‘views‘,‘./views‘);

//设置模板引擎为ejs
app.set(‘view engine‘,‘ejs‘);

//为html扩展名注册ejs
app.engine(‘html‘,ejs.renderFile);

app.listen(80);

//加入本地对象
app.locals.uname = "Brad";
app.locals.vehicle = "Jeep";
app.locals.terrain = "Mountains";
app.locals.climate = "Desert";
app.locals.location = "Unknown";

//路由为ejs时,发送网页
app.get(‘/ejs‘,function(req,res){
	res.render(‘user_ejs.html‘);
})

 运行结果是:

技术图片

 

以上是关于Express中使用ejs模板引擎的主要内容,如果未能解决你的问题,请参考以下文章

express框架结合ejs模板引擎使用

nodejs express 设置html后缀模板

EJS模板引擎

EJS模板引擎

express 默认模板引擎

在 Express 中使用模板引擎