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 相关文章推荐
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
Feb 21 Javascript
javascript+css3开发打气球小游戏完整代码
Nov 28 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
es6中let和const的使用方法详解
Feb 24 Javascript
vue实现在线学生录入系统
May 30 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
Vuex实现简单购物车
Jan 10 Vue.js
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
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
PHP 中的一些经验积累
2006/10/09 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
php提高网站效率的技巧
2015/09/29 PHP
php搜索文件程序分享
2015/10/30 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
些很实用且必用的小脚本代码
2006/06/26 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
Python全局变量操作详解
2015/04/14 Python
Python 生成 -1~1 之间的随机数矩阵方法
2018/08/04 Python
python reverse反转部分数组的实例
2018/12/13 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
珍惜时间演讲稿
2014/05/14 职场文书
企业党员个人自我评价
2014/09/20 职场文书
给客户的感谢信
2015/01/21 职场文书
军训通讯稿范文
2015/07/18 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript
JVM之方法返回地址详解
2022/02/28 Java/Android
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers