node express使用HTML模板的方法示例


Posted in Javascript onAugust 22, 2019

前言

一般我们在做node web项目的时候,想使用我们平时常用的html模板,express默认使用jade模板,本身是没有HTML的,那么如何实现呢?

ejs模板配置

使用

var app = express();
app.set('views', path.join(__dirname, 'views'));
//设置视图引擎
app.set('view engine', 'ejs');

html模板配置

安装ejs

npm install ejs -D

引入

var ejs = require('ejs');

使用

var app = express();
var ejs = require('ejs');
app.set('views', path.join(__dirname, 'views'));
app.engine('html', ejs.__express);
app.set('view engine', 'html');

说明

app.engine(ext, cb)
app.engine('html', require('ejs').__express);

将ejs模板映射至.html文件;

上面实际上是调用了ejs的.renderFile()方法,ejs.__express是该方法在ejs内部的另一个名字。

因为加载的模板引擎后调用的是同一个方法.__express,所以如果使用的是ejs模板,不用配置该项。

app.set(name, value)

在.set()方法的参数中,有一项是'view engine',表示没有指定文件模板格式时,默认使用的引擎插件;

如果这里设置为html文件,设置路由指定文件时,只需写文件名,就会找对应的html文件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
js兼容标准的表格变色效果
Jun 28 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
简单的js表单验证函数
Oct 28 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
懒加载实现的分页&&网站footer自适应
Dec 21 Javascript
详解JS函数stack size计算方法
Jun 18 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
Aug 31 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
JavaScript简易计算器制作
Jan 17 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 Javascript
vue中使用v-model完成组件间的通信
Aug 22 #Javascript
layui动态表头的实现代码
Aug 22 #Javascript
深入理解令牌认证机制(token)
Aug 22 #Javascript
聊聊鉴权那些事(推荐)
Aug 22 #Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
Aug 22 #Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 #Javascript
ES6基础之字符串和函数的拓展详解
Aug 22 #Javascript
You might like
PHP环境搭建最新方法
2006/09/05 PHP
php 广告调用类代码(支持Flash调用)
2011/08/11 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
ThinkPHP中图片按比例切割的代码实例
2019/03/08 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
Javascript 模式实例 观察者模式
2009/10/24 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
vue实现瀑布流组件滑动加载更多
2020/03/10 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
python处理圆角图片、圆形图片的例子
2014/04/25 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
解决python tkinter界面卡死的问题
2019/07/17 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
简单的命令查看安装的python版本号
2020/08/28 Python
Python日志器使用方法及原理解析
2020/09/27 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
explicit和implicit的含义
2012/11/15 面试题
高中生学习生活的自我评价
2013/10/09 职场文书
户外亲子活动策划方案
2014/02/07 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
班级读书活动总结
2014/06/30 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书