下载express-art-template art-template - app.js中配置 - 注册一个模板引擎 - `app.engine('.html',express-art-template);` - 设置默认渲染引擎```app.set('view engine','.html');``` - res.render(文件名,数据对象); - express这套使用，默认在当前app.js同级的views目录查找
1.下载
yarn add express-art-template -S
yarn add art-template -S
2. js 的逻辑编写
//引入express
var express = require('express');
//创建对象
var server = express();
//创建路由
let router=express.Router();
//渲染文件的后缀名
server.engine('.html', require('express-art-template'));
//配置默认渲染引擎
server.set('view engine','./html');
//渲染
router.get('/list',(req,res)=>{
res.render('index.html', {
tags:[
{index:'0',name:'china'},
{index:'1',name:'usa'},
{index:'2',name:'english'}
]
});
});
//实例对象使用路由
server.use(router);
//实例对象监听端口
server.listen(3005, function () {
console.log('Ready');
});
3.htmL
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> hello world <br> <ul> {{each tags}} <li>{{$index}} {{$value.name}}</li> {{/each}} </ul> </body> </html>
截图：
