express-art-template

在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}!`))