egg 中安装和使用 ejs模板引擎

2024-02-21 23:11:16

egg是阿里开发的一套针对企业级开发的node.js框架。没办法 koa 和 express 中并没有约定开发者该怎么去书写，导致写出来的mvc效果千奇百怪哈。

阿里也说了有一个好的约定是很重要的。没有约定就像是没有规则一样各有各有的写法那肯不行

1. 我这里使用了 ejs模板引擎咋说了 ejs 虽然性能并不是最好的但是却很简单哈我也一直用的就是ejs 模板引擎

安装

npm i egg-view-ejs --save

2. 配置

在 app/config/plugin.js 放进去这句话

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

app/config/config.default.js

config.view = {
    mapping: {
      '.ejs': 'ejs',
    },
  }

当然你可以将 .ejs 修改成 .html 让文件后缀名改成 .html

3. 在文件中使用模板引擎了

在app文件夹下创建一个 view文件

里面创建一个 index.ejs 模板文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2><%= title %></h2>
</body>
</html>

然后就是在路由中配置了

async index() {
    let { ctx } = this;
    // 渲染啊模板
    await ctx.render('index.ejs', {title: "欢迎大家来到我的博客!"})
  }

看下效果哈是不是出来了呢

关注我持续更新前端知识

码农公寓

相关文章