egg(四):egg中使用egg-views-ejs模板引擎

╰半橙微兮° 2022-09-14 02:37 199阅读 0赞

### 前言： ###

### 绝大多数情况，我们都需要读取数据后渲染模板，然后呈现给用户，而框架并不强制使用某种模板引擎，由开发者来自行选型 ###

### 官方入口：[点我][Link 1] ###

# 使用步骤： #

### 1、安装 ###

cnpm i egg-view-ejs --save

### 2、插件配置 **config/plugin.js** ###

//模板引擎
    exports.ejs = {
      enable: true,
      package: 'egg-view-ejs',
    };

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAUG9ubmVudWx0_size_20_color_FFFFFF_t_70_g_se_x_16][]

### 3、插件配置 **config/config.default.js** ###

//配置模板引擎,html里面可以写ejs代码
      exports.view = {
        mapping: {
          '.html': 'ejs',
        },
      };

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAUG9ubmVudWx0_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

### 4、具体使用 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyODEzNDkx_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyODEzNDkx_size_16_color_FFFFFF_t_70 1]

### 5、实现效果图，html里面也可以使用哦个ejs的语法了 ###

![在这里插入图片描述][20190821170947357.png]

[Link 1]: https://eggjs.org/zh-cn/advanced/view-plugin.html#mobileAside
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAUG9ubmVudWx0_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/dfe18bfcbc7543b18d77f9b0e4ead62c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAUG9ubmVudWx0_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/e20c1de985ba4fbab712ebe562404e96.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyODEzNDkx_size_16_color_FFFFFF_t_70]: /images/20220828/9bab99a1733642d2b81e338f9f3cb189.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyODEzNDkx_size_16_color_FFFFFF_t_70 1]: /images/20220828/6b95cfa31ea34eb4a51854451b33f3b4.png
[20190821170947357.png]: /images/20220828/7be5d574c8e84fc4aa241ea75e3abbe4.png