art-template官方文档地址:http://aui.github.io/art-template/docs/api.html
github地址:https://github.com/aui/express-art-template
安装:
npm install --save art-template
npm install --save express-art-template
配置:
var express = require('express');
var app = express();
// 重点 (配置模板引擎)
app.engine('art', require('express-art-template'));
app.set('view', {
debug: process.env.NODE_ENV !== 'production'
});
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'art');
// routes
app.get('/', function (req, res) {
res.render('index.art', { //render 方法默认不使用,但是配置了模板引擎就可以使用
user: {
name: 'aui',
tags: ['art', 'template', 'nodejs']
}
});
});
注意:
①engine方法:第一个参数art可任意取,但响应的页面要对应上,表示以.art结尾的文件,使用art-templatem模板引起,express-art-artemplate 就是把atr-template 整合到Express中,虽然不需要加载,但是也必须要安装,因为express-art-template 依赖art-templat.
②:Express为Response对象提供了:res.render方法默认不使用,但是配置了模板引起就可以使用了
③express有个约定,开发人员把所有的视图文件放在views文件中,render会默认去views文件中找
④如果需要修改默认的views目录,则可以app.set(‘views’,render的默认路径))
使用:
const express=require('express');
const app=express();
app.engine('html',require('express-art-template'));
//render 使用方法res.render("html模板名称",{模板数据})
app.use("/admin",(req,res)=>{
res.render('admin/erp.html',{ //会默认去默认views路径上去找
title:'sun'
})
});
app.listen(2000,()=>{
console.log("runing...");
})