24-Node.js学习笔记-express-art-template模版引擎

express-art-template模版引擎

为了使art-template模版引擎能够更好的和Express框架配合,模版引擎官方在原art-template模板引擎的基础上封装了express-art-template

使用npm install art-template express-art-template命令进行安装

``` //当渲染后缀为art的模版时,使用express-art-template app.engine('art',require('express--art-template')); //设置模版存放目录 app.set('views',path.join(__dirname,'views')); //渲染模版时不写后缀,默认拼接art后缀 app.set('view engine','art'); app.get('/',(req,res)=>{ //渲染模板 res.render('index'); }); ``` ``` //引入express框架 const express = require('express'); const path = require('path') //创建网站服务器 const app = express();

//1.告诉express框架使用什么模板引擎渲染什么后缀的模板文件
app.engine('art',require('express-art-template'));
//参数1.使用的模版的后缀
//参数2.使用的模版引擎

//2.告诉express框架模版存放的位置是什么
app.set('views',path.join(__dirname,'views'))

//3.告诉express框架模版的默认后缀是什么
app.set('view engine','art');

app.get('/index',(req,res)=>{
//render
//1.拼接模板路径
//2.拼接模板后缀
//3.哪一个模板和哪一个数据进行拼接
//4.将拼接结果响应给了客户端
res.render('index',{
msg:'message'
})
})
app.get('/list',(req,res)=>{
res.render('list',{
msg:'list page'
})
})

//监听端口
app.listen(3000);
console.log('网站服务器启动成功');

/views/list.art
{{msg}}

/views/index.art
{{msg}}

原文地址:https://www.cnblogs.com/foreverLuckyStar/p/12089581.html