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);

目录结构

koa2中使用art-template模板引擎

模板引擎使用说明

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

<h2>绑定数据</h2>
<p>{{@list.name}}</p>

<h2>条件判断</h2>
{{if list.age > 23}}
<strong>年龄大于23</strong>
{{else}}
<strong>年龄小于23</strong>
{{/if}}

<h2>循环数据</h2>
<ul>
    {{each list.love}}
        <li>{{$index}}--{{$value}}</li>
    {{/each}}
</ul>

<h2>引入字模板</h2>
{{include 'public/footer.html'}}
上一篇:Leetcode笔记-20 有效的括号


下一篇:洛谷1126