koa2 引擎模版html,koa2中使用art-template模板引擎

地址

创建目录

mkdir koa_art_template

进入目录

cd koa_art_template

初始化

npm init

安装模块

npm install --save koa

npm install --save koa-router

npm install --save art-template

npm install --save koa-art-template

使用

let Koa = require('koa');

let router = require('koa-router')();

const render = require('koa-art-template');

const path = require('path');

let app = new Koa();

render(app, {

root: path.join(__dirname, 'views'),

extname: '.html',

debug: process.env.NODE_ENV !== 'production'

});

router.get('/', async (ctx) => {

let list = {

name: '张三'

}

await ctx.render('index', {

list: list

});

});

router.get('/news', async (ctx) => {

let list = {

name: '张三',

age: 23,

love: ['上课', '睡觉', '打豆豆']

}

await ctx.render('news', {

list: list

});

});

app.use(router.routes());

app.listen(3000);

目录结构

模板引擎使用说明

在art-template中可以用两种方式绑定数据：ejs和{{}}形式

绑定数据

{{@list.name}}

条件判断

{{if list.age > 23}}

年龄大于23

{{else}}

年龄小于23

{{/if}}

循环数据

{{each list.love}}

{{$index}}--{{$value}}

{{/each}}

引入字模板

{{include 'public/footer.html'}}

标签：npm,art,koa,list,template,koa2,router

来源： https://blog.csdn.net/yw00yw/article/details/96719558