05-使用EJS模板

limeng19

已于 2022-06-30 09:59:11 修改

阅读量144

点赞数

分类专栏： EGG.JS 学习笔录文章标签：前端 node.js

于 2022-06-30 09:34:31 首次发布

本文链接：https://blog.csdn.net/limeng19/article/details/125533347

版权

本文详细介绍了如何在Node.js项目中安装和配置EJS模板引擎。从安装EJS到在config文件中进行配置，再到修改controller和创建view文件夹，展示了如何在EJS模板中显示动态数据和引用静态文件，为SEO优化提供了友好的解决方案。

摘要由CSDN通过智能技术生成

-对SEO，非常友好

-EGG PHP 后端的一致性认可

-中台一次登录 SPA单页

-类似服务的框架TP

1、安装EJS

yarn add egg-view-ejs

2、配置EJS

2.1、修改config/plugin.js

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

2.2、在config/config.default.js 中新增如下代码

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

  };

3、使用EJS模板引擎，修改app/controller/liyj.js

 async index() {
    const { ctx } = this;
    await ctx.render('liyj.html');
  }

4、在app目录创建view文件夹，并在其下创建liyj.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>我是EJS模板</h1>
</body>
</html>