egg渲染html模板

后台服务的模板引擎有很多，但我还是喜欢用.html格式的模板

1、安装模板插件egg-view-ejs，虽然是ejs模板插件，但是后面会设置成html模板

npm i egg-view-nunjucks -S

2、在config/plugin.js里声明该插件

exports.nunjucks = {
  enable: true,
  package: 'egg-view-nunjucks'
};

3、在config/config.default.js里面配置(重点)

exports.view = {
  defaultViewEngine: 'nunjucks',
  mapping: {
    '.html': 'nunjucks' //左边写成.html后缀，会自动渲染.html文件
  },
};

4、在路由配置中router.js，配置前端页面

router.get('/', controller.home.index);

5、在controller控制器配置

'use strict';

const Controller = require('egg').Controller;

class HomeController extends Controller {
  async index() {
    let title = "我是首页"; //向模板传入数据
    await this.ctx.render('index',{
      title: title
    });
  }
}

module.exports = HomeController;

6、在view视图层文件夹里面添加index.html

    
    
    
    
    


    
    
{{ title }}
 
    
    
欢迎来到egg

7、常用模板语法

1、普通数据
{{ title }}

2、for循环
{% for item in list %}
  {{ item.id }}
{% endfor %}

3、if语句，多条件使用：and, or, not
{% if i < 0 %}
  条件内容
{% elif i >=0 and i < 100 %}
  条件内容
{% else %}
  条件内容
{% endif %}

4、三目运算
{{ "是" if isVip == 1 else "否" }}

5、引入其他模板
{% include "../header.html" %}