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