Express视图模板jade改为ejs,html模板

雨点打透心脏的1/2处 2022-05-26 05:56 230阅读 0赞

默认安装的express框架，官方推荐的是jade模板，虽然是很简洁，但是实在对这个jade不熟悉，还是改模板吧，下面介绍改成ejs，html视图，亲测无误。

### 安装express生成器 ###

npm有点慢，采用cnpm

cnpm i -g express-generator

安装完成，查看版本

express --version

![这里写图片描述][SouthEast]

### 生成服务 ###

express server

安装依赖

cd server
    cnpm i

生成的文件目录如下：

![这里写图片描述][SouthEast 1]

views视图如下：  
![这里写图片描述][SouthEast 2]

## **jade改为ejs** ##

### 首先安装ejs ###

cnpm i ejs -S

### 然后修改app.js文件 ###

引入ejs

![这里写图片描述][SouthEast 3]

修改视图引擎设置`//view engine setup`  
默认：![这里写图片描述][SouthEast 4]  
改为：![这里写图片描述][SouthEast 5]

**如此，在views文件夹下便可写ejs文件了，亲测成功！**

## **改为html视图** ##

### 安装ejs并在app.js中引入，同上 ###

视图引擎设置改为：  
![这里写图片描述][SouthEast 6]

在views下的html文件可运行，亲测成功！

[SouthEast]: /images/20220526/d9ce90d1427845008c7caf34ce1452b6.png
[SouthEast 1]: /images/20220526/fa5ec95b12c542bab76e81946de3f16a.png
[SouthEast 2]: /images/20220526/ea4254268d3b43f883c93a0f64c10264.png
[SouthEast 3]: /images/20220526/c0b50b1334104ec0a293d3c5cb5aeb50.png
[SouthEast 4]: /images/20220526/715ebf2d86a44276a9b838b7e3859187.png
[SouthEast 5]: /images/20220526/953a28143dfd436fb62b4d8954375d19.png
[SouthEast 6]: /images/20220526/b7a7262265bd432297041edeba35096b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 Express全系列教程之(十)：jade模板引擎

一、前言随着前端业务的不断发展，页面交互逻辑的不断提高，让数据和界面实现分离渐渐被提了出来。JavaScript的MVC思想也流行了起来，在这种背景下，基于nod

青旅半醒/ 2023年07月18日 02:52/ 0 赞/ 6 阅读

相关 Express全系列教程之(十)：渲染jade模板引擎

一、前言随着前端业务的不断发展，页面交互逻辑的不断提高，让数据和界面实现分离渐渐被提了出来。JavaScript的MVC思想也流行了起来，在这种背景下，基于node.j

悠悠/ 2023年01月07日 10:15/ 0 赞/ 258 阅读

相关 jade模板引擎（二）

`` jade模板引擎（二） 1.条件语句 jade允许我们不写圆括号（），渲染出常规的JavaScript 一个简单地例子： - var user =

野性酷女/ 2022年08月18日 02:04/ 0 赞/ 208 阅读

相关 jade模板引擎（一）

Jade 是一个高性能的模板引擎，它是用 JavaScript 实现的，并且可以供 Node 使用。 1.首先新建app.js文件 var express =

╰半夏微凉°/ 2022年08月18日 00:59/ 0 赞/ 193 阅读

相关 Jade 模板引擎学习笔记 01

注意事项环境安装 1. 实时编译 2. Nodejs 中使用 3

柔光的暖阳◎/ 2022年05月26日 22:51/ 0 赞/ 200 阅读

相关 Express视图模板jade改为ejs,html模板

默认安装的express框架，官方推荐的是jade模板，虽然是很简洁，但是实在对这个jade不熟悉，还是改模板吧，下面介绍改成ejs，html视图，亲测无误。安装expr

雨点打透心脏的1/2处/ 2022年05月26日 05:56/ 0 赞/ 231 阅读

相关视图 & 模板 —— Blade模板

1、简介 Blade是Laravel提供的简单而强大的模板引擎。与控制器布局不同，Blade由模板继承和部分驱动。所有Blade模板都应该使用扩展名`.blade.php

我会带着你远行/ 2022年05月22日 09:53/ 0 赞/ 268 阅读

相关 express框架将jade文件改为html文件方法

1、修改app.js文件，修改如下： ![70][] 请求一个ejs模块，修改原框架的app.set(); 2、npm 安装ejs模块，修改原views文件夹下面的.ja

叁歲伎倆/ 2022年05月18日 10:55/ 0 赞/ 290 阅读

相关模板引擎jade/ejs,模板适配

后台模板引擎：生成页面，有ejs------温和的，非侵入式，可以往里面加功能，弱依赖； jade------破坏性、侵入式（和普通的html不能共存），强依赖，离开了jade

快来打我*/ 2022年05月18日 07:56/ 0 赞/ 237 阅读

相关 Node.js-Jade模板引擎

3. Jade模板引擎 (1) 使用 const ejs = require('ejs'); ejs.renderFile(

刺骨的言语ヽ痛彻心扉/ 2022年04月02日 12:45/ 0 赞/ 207 阅读