koa2中使用art-template模板引擎-蒲公英云

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和{ {}}形式

<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'}}