Express中使用art-template 模板引擎

在 Exptess 中使用art-template 模板引擎

1. Install

npm install --save art-template npm install --save express-art-template 两个都加载， 有相互依赖关系。

2. 配置使用 art-template 模板引擎

2.1

第一个参数表示，当渲染以.art结尾的文件的时候，使用art-template模板引擎 express-art-template 是专门用来在Express 中 把art-template 整合到Express 中 虽然外面这里不需要加载art-template ,但是也必须要安装. 因为 express-art-template 依赖了art-template .

app.engine('art', require(express-art-template))

2.2

Express 为Response 相应对象提供了一个方法: render, render 方法默认是不可以使用,但是如果配置了模板引擎就可以使用. res.render(‘html模板名’， { 模板数据}) 第一个参数不能写路径, 默认会去项目中的views 目录查找该模板文件. 也就是说Express 有一个约定: 开发人员把所有的视图文件都放到views目录中

res.send(“404.art”)

const express = require('express') const app = express() // 配置使用 art-template 模板引擎 // 第一个参数表示，当渲染以.art结尾的文件的时候，使用art-template模板引擎 // express-art-template 是专门用来在Express 中 把art-template 整合到Express 中 // 虽然外面这里不需要加载art-template ,但是也必须要安装. // 因为 express-art-template 依赖了art-template . app.engine('art', require("express-art-template")) // Express 为Response 相应对象提供了一个方法: render, // render 方法默认是不可以使用,但是如果配置了模板引擎就可以使用. // res.render('html模板名'， { 模板数据}) // 第一个参数不能写路径, 默认会去项目中的views 目录查找该模板文件. // 也就是说Express 有一个约定: 开发人员把所有的视图文件都放到views目录中 app.get('/', function(req, res){ res.render("404.art") }) app.use('/a/', express.static('./public/')) app.listen(3000, function(){ console.log('running...') })

总结：

app.get('/', function(req, res){ // 默认会去项目中的views 目录查找该模板文件 res.render('index.html',{ //这里吧index.html当做模板字符串。 {{title}} title:' hello world' }) })

如果希望修改默认的views 视图渲染存储目录,可以

//注意：第一个views 不要写错 app.set('views', 目录路径)