详解在express站点中使用ejs模板引擎


Posted in Javascript onSeptember 21, 2017

使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs。

1、安装

在网站根目录启动控制台,输入

npm install ejs
 

详解在express站点中使用ejs模板引擎

程序包会安装到node_modules目录下。

详解在express站点中使用ejs模板引擎

2 修改APP.JS

修改app.js 将view engine修改为ejs。(并将模板的后缀修改为.html)

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

3 创建测试页面

在views文件夹中创建index.html,内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Pivotal Search</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- HTML5 shim, for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
   <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
  <!-- styles -->
  <link href="css/style.css" rel="external nofollow" rel="stylesheet">

</head>
<body>
    <%= title %>
</body>
</html>

然后在router里修改index.js:

详解在express站点中使用ejs模板引擎

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: '测试11111' });
});

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

Javascript 相关文章推荐
jQuery 操作option的实现代码
Mar 03 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
数组Array的排序sort方法
Feb 17 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
Angular4编程之表单响应功能示例
Dec 13 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
vue遍历对象中的数组取值示例
Nov 07 Javascript
详解JS函数防抖
Jun 05 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
vue router学习之动态路由和嵌套路由详解
Sep 21 #Javascript
vue-router 权限控制的示例代码
Sep 21 #Javascript
react router 4.0以上的路由应用详解
Sep 21 #Javascript
详解10分钟学会vue滚动行为
Sep 21 #Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 #jQuery
JavaScript实现简单生成随机颜色的方法
Sep 21 #Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 #Javascript
You might like
基于mysql的bbs设计(一)
2006/10/09 PHP
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
2011/05/05 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
js利用数组length属性清空和截短数组的小例子
2014/01/15 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
2015/11/16 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
Babel 入门教程学习笔记
2018/06/13 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
python提取页面内url列表的方法
2015/05/25 Python
python实现井字棋游戏
2020/03/30 Python
微信 用脚本查看是否被微信好友删除
2016/10/28 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
Django之PopUp的具体实现方法
2019/08/31 Python
美国最大点评网站:Yelp
2018/02/14 全球购物
纽约手袋品牌:KARA
2018/03/18 全球购物
学习十八大精神心得体会
2013/12/31 职场文书
婚前协议书标准版
2014/10/19 职场文书
前台岗位职责
2015/02/13 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL
Golang map映射的用法
2022/04/22 Golang