码迷,mamicode.com
首页 > Web开发 > 详细

Express中使用ejs模板引擎

时间:2019-08-09 15:29:40      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:模板引擎   script   body   lan   img   对象   导入   设置   http   

模板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模板引擎

标签:模板引擎   script   body   lan   img   对象   导入   设置   http   

原文地址:https://www.cnblogs.com/ningchenglong/p/11327122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!