菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 张佳豪2023.6.13 [打印本页]

作者: 张佳豪 时间: 2023-6-14 19:39
标题: 张佳豪2023.6.13
Express中使用art-template

在Express框架中不能直接使用art-template模板引擎，使用Express-art-template中间件来加载。

使用步骤：
1) 下载/安装

# express-art-template中间件，首先要安装art-template，再安装express-art-template
npm i art-template express-art-template

2) 在服务器文件中加载 express-art-template

const template = require('express-art-template');

3) 配置express调用的模板引擎

//设置模板引擎类型
//参数1: 模板文件的后缀，此处可以随意定义。定义成什么，模板文件后缀就是什么。一般使用html即可
//参数2: 模板引擎对象
app.engine('html', template);

4) 渲染页面

将模板页和数据组装到一起（渲染数据）

① 数据： js对象

② 模板页：输出数据的方法和之前一样
//render方法是express提供好的方法，不管我们使用什么模板引擎都能使用该方法渲染页面
//参数1: 模板文件路径
//参数2: 要渲染到页面的json数据
res.render(filepath, js);
//res.end(template(filepath,js))
5) 模板文件
模板文件的数据渲染方式和之前方式一样
案例：渲染评论列表

1) 加载并配置模板引擎，

2) 在 /index 分支中，使用 res.render方法来渲染页面

3) 修改 index.html 页面，使用each循环数组

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)