详解在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下组织javascript代码(js函数化)
Aug 25 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
Nov 07 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
vue如何获取点击事件源的方法
Aug 10 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
JS制作简易计算器的实例代码
Jul 04 Javascript
js实现数字跳动到指定数字
Aug 25 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 Javascript
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
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
destoon设置自定义搜索的方法
2014/06/21 PHP
php中动态调用函数的方法
2015/03/16 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
js加解密 脚本解密
2008/02/22 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
js中实现多态采用和继承类似的方法
2014/08/22 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
js实现日期显示的一些操作(实例讲解)
2017/07/27 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python实现的json文件读取及中文乱码显示问题解决方法
2018/08/06 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
解决python 读取 log日志的编码问题
2019/12/24 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
中华魂演讲稿
2014/05/13 职场文书
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python