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 相关文章推荐
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
Jan 15 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
jQuery自适应轮播图插件Swiper用法示例
Aug 24 Javascript
JS实现动态增加和删除li标签行的实例代码
Oct 16 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
vue v-on监听事件详解
May 17 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 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
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
飞鱼(shqlsl) javascript作品集
2006/12/16 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
js中的this关键字详解
2013/09/25 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
jQuery siblings()用法实例详解
2016/04/26 Javascript
AngularJS过滤器详解及示例代码
2016/08/16 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
浅谈vue路径优化之resolve
2017/10/13 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
简单的Python抓taobao图片爬虫
2014/10/26 Python
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
python实现应用程序在右键菜单中添加打开方式功能
2017/01/09 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
python中map的基本用法示例
2018/09/10 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
Python是怎样处理json模块的
2020/07/16 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
什么是虚拟内存?虚拟内存有什么优势?
2016/02/09 面试题
活动总结报告格式
2014/05/09 职场文书
2014年重阳节活动策划方案书
2014/09/16 职场文书
聚会通知怎么写
2015/04/23 职场文书
在校学生证明格式
2015/06/24 职场文书
煤矿安全生产管理协议书
2016/03/22 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS