首页 > 其他 > 详细

Egg 笔记---使用渲染模板 NunJucks

时间:2020-04-02 21:27:28      阅读:213      评论:0      收藏:0      [点我收藏+]

当使用Egg 渲染模板,渲染Html时可以选择 NunJucks --------- npm install egg-view-nunjucks -S

<1>. 在 config.default.js 中写入配置

config.view = {
    mapping: {
      ‘.html‘: ‘nunjucks‘
    }
  }
 
<2>. 在 plugin.js 中写入
 
nunjucks: {
    enable: true,
    package: ‘egg-view-nunjucks‘
  }
 
<3>. 在 controller 中可以这样写 
‘use strict‘;

const { Controller } = require(‘egg‘);

class HomeController extends Controller{
  async index() {
    let str = ‘欢迎来到天天的世界!‘;
    let arr = [{
      name: ‘明明‘,
      sex: ‘男‘,
      age: ‘18‘
    },{
      name: ‘璇璇‘,
      sex: ‘女‘,
      age: ‘16‘
    }];
    await this.ctx.render(‘home‘, {
      arr,
      str
    })
  }
}

module.exports = HomeController;
 
<4>. 在 Html 中可以这样写 
<body>
    <div style="color: lightseagreen;">{{str}}</div>

    <ol>
        {% for item in arr %}
        <li>
            <p>{{item.name}}--{{item.sex}}--{{item.age}}</p>
        </li>
        {% endfor %}
    </ol>
</body>

Egg 笔记---使用渲染模板 NunJucks

原文:https://www.cnblogs.com/tian1206/p/12622701.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!