Express 配置应用模板来渲染 HTML

🌙
手机阅读
本文目录结构
axihe

Express 渲染 HTML 的,现在前后端分离的项目比较多,很少会用

//加载模板处理模块
var swig = require('swig');

//定义当前应用所使用的模板引擎
//第一个参数:模板引擎的名称,同时也是模板文件的后缀,第二个参数表示用于解析处理模板内容的方法
app.engine('html', swig.renderFile);

//设置模板文件存放的目录,第一个参数必须是"views",第二个参数是目录
app.set('views', './views');

//注册所使用的模板引擎,第一个参数必须是 "view engine",第二个参数和 [app.engine]这个方法中定义的模板引擎的名称(第一个参数)是一致的
app.set('view engine', 'html');

//在开发过程中,需要取消模板缓存,这个看实际需求
swig.setDefaults({cache: false});

看 express 的默认;(使用应用程序生成器工具 express 快速创建应用程序框架)

npm install express-generator -g
express dirname

这样会生成一个默认的渲染模板;内容如下

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

默认使用 jade 来渲染 html 的;

三,在 express 基础上自定义渲染模板

其实和第一是一致的

//加载模板处理模块
var ejs = require('ejs');

//定义当前应用所使用的模板引擎
//第一个参数:模板引擎的名称,同时也是模板文件的后缀,第二个参数表示用于解析处理模板内容的方法
app.engine('html', ejs.__express);

//设置模板文件存放的目录,第一个参数必须是views,第二个参数是目录
app.set('views', path.join(__dirname, 'views'));

//注册所使用的模板引擎,第一个参数必须是 view engine,第二个参数和app.engine这个方法中定义的模板引擎的名称(第一个参数)是一致的
app.set('view engine', 'html');

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang