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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
Nov 23 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
js仿微信抢红包功能
Sep 25 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
vue实现数字滚动效果
Jun 29 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 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使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
Vue项目总结之webpack常规打包优化方案
2019/06/06 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
用js编写留言板
2020/03/17 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
[07:09]2014DOTA2国际邀请赛-Newbee再次发威成功晋级决赛
2014/07/19 DOTA
在Python中操作字典之clear()方法的使用
2015/05/21 Python
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
Python基于pygame实现的font游戏字体(附源码)
2015/11/11 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
Centos 升级到python3后pip 无法使用的解决方法
2018/06/12 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
Python json读写方式和字典相互转化
2020/04/18 Python
如何用python处理excel表格
2020/06/09 Python
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
西班牙鞋子和箱包在线销售网站:zapatos.es
2020/02/17 全球购物
Myprotein荷兰官网:欧洲第一运动营养品牌
2020/07/11 全球购物
护士进修自我鉴定
2014/02/07 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
给客户的感谢信
2015/01/21 职场文书
表扬稿表扬信的格式及范文
2019/06/24 职场文书
学生检讨书范文
2019/06/24 职场文书
2019经典广告词集锦!
2019/07/02 职场文书