详解在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 相关文章推荐
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
js 数组详细操作方法及解析合集
Jun 01 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
Oct 24 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
Windows下安装Memcached的步骤说明
2010/04/25 PHP
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
2012/08/01 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
php中关于换行的实例写法
2019/09/26 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
2019/04/26 Javascript
js实现图片无缝循环轮播
2019/10/28 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
[52:52]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第三局
2016/02/27 DOTA
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python编程中的异常处理教程
2015/08/21 Python
python文件名和文件路径操作实例
2017/09/29 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
matplotlib.pyplot画图并导出保存的实例
2019/12/07 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
重阳节登山活动方案
2014/02/03 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
个人求职信格式范文
2015/03/20 职场文书
2016年暑期教师培训心得体会
2016/01/09 职场文书