在Express中配置使用art-template
下载命令:npm install art-template express-art-template
(npm install --save art-template、npm install --save express-art-template)
虽然不需要直接require art-template,但是由于express-art-template需要art-template,因此也必须安装art-template.
express.static():请求静态资源文件
app.use(express.static('public'))
engine函数:用来配置art-template。、
第一个参数表示,当渲染以art结尾的文件时,使用art-template模板引擎,在实际使用的时候,往往使用html作为模板渲染文件的扩展名。
第二个参数引用express-art-template包。
const express = require('express');
const url = require('url');// 专门负责处理url部分
const path = require('path');
const app = express()
const port = 3000
// public 代表的是存放静态资源的文件夹
app.use(express.static('public'))
// view engine setup 中文版的文档是没有问题的,英文版的是有问题
//1. 代表我们现在的项目要是有 art-template 模板引擎
app.engine('html', require('express-art-template'));
// 2. 设置 运行模式 debug 调试 production 生成模式 development 开发模式
app.set('view options', {
debug: process.env.NODE_ENV !== 'production'
});
// 3. 设置模板的目录
app.set('views', path.join(__dirname, 'views'));
// 4. 使用模板 art-template
app.set('view engine', 'html');
// 可以修改 模板引擎的后缀 app.engine('html') app.set('view engine', 'html'); 两处修改为自己想要的后缀的名称
app.get('/search', (req, res)=> {
// 如何返回
let kw = req.query.kw;
// render 第一个参数是带渲染的模板,第二个参数就是模板要使用的变量
res.render('search', {kw}); // render 有渲染的意思
});
// 4. 监听端口
app.listen(port, () => console.log(`Example app listening on port ${port}!`))