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 进度条 实现代码
Jul 30 Javascript
jQuery的一些特性和用法整理小结
Jan 13 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
Oct 21 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
前端使用crypto.js进行加密的函数代码
Aug 16 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 stream_context_create()函数的使用示例
2015/05/12 PHP
PHP对象的浅复制与深复制的实例详解
2017/10/26 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
简明json介绍
2008/09/28 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
javascript innerHTML使用分析
2010/12/03 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
JQuery性能优化的几点建议
2014/05/14 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
jQuery实现textarea自动增长宽高的方法
2015/12/18 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
2018/10/09 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
Python 类的继承实例详解
2017/03/25 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
Python Selenium截图功能实现代码
2020/04/26 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
python简单实现插入排序实例代码
2020/12/16 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
三星英国官网:Samsung英国
2018/09/25 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
No7 Beauty美国官网:英国国民护肤品牌
2019/10/31 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
文秘专业应届生求职信范文
2013/11/14 职场文书
广告宣传策划方案
2014/05/21 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
英语通知范文
2015/04/22 职场文书
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers