Express框架（3）

express-art-template模板引擎

为了使art-template模板引擎能够更好的和Express框架配合，模板引擎官方在原art-template模板引擎的基础上封装了experss-art-template。

const express = require('express');
const path = require('path');
const app = express();

//1.告诉express框架使用什么模板引擎渲染什么后缀的模板文件
//  1.模板后置
//  2.使用的模板引擎
app.engine('art', require('express-art-template'));
//2.告诉express框架模板存放的位置是什么
app.set('views', path.join(__dirname, 'views'));
//3.告诉express框架模板的默认后缀是什么 默认模板后缀配置项views engine
app.set('view engine', 'art');

app.get('/index', (req, res) => {
	//res.render做了很多事情
	//1.拼接路径
	//2.拼接模板后缀
	//3.哪一个模板和哪一个数据进行拼接
	//4.将拼接结果响应给客户端
	res.render('index', {
		msg: 'message'
	})
});

app.get('/list', (req, res) => {
	res.render('list', {
		msg: 'list page'
	})
})

//端口监听
app.listen(3000);

app.locals对象

将变量设置到app.locals对象虾米那，这个数据在所有的模板中都可以获取到

const express = require('express');
const path = require('path');
const app = express();

//1.告诉express框架使用什么模板引擎渲染什么后缀的模板文件
//  1.模板后置
//  2.使用的模板引擎
app.engine('art', require('express-art-template'));
//2.告诉express框架模板存放的位置是什么
app.set('views', path.join(__dirname, 'views'));
//3.告诉express框架模板的默认后缀是什么 默认模板后缀配置项views engine
app.set('view engine', 'art');

app.locals.users = [{
	name: '张三w',
	age:12
}, {
	name: '李四',
	age: 20
}];

app.get('/index', (req, res) => {
	//res.render做了很多事情
	//1.拼接路径
	//2.拼接模板后缀
	//3.哪一个模板和哪一个数据进行拼接
	//4.将拼接结果响应给客户端
	res.render('index', {
		msg: '首页'
	})
});
app.get('/list', (req, res) => {
	res.render('list', {
		msg:'列表页'
	})
})


//端口监听
app.listen(3000);

{{ msg }}

<ul>
	{{each users}}
	<li>
		{{$value.name}}
		{{$value.age}}
	</li>
	{{/each}}
</ul>