koa2中使用art-template模板引擎

地址

https://www.npmjs.com/package/koa-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'}}