详解在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上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
13个绚丽的Jquery 界面设计网站推荐
Sep 28 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
在Mac下彻底卸载node和npm的方法
May 16 Javascript
JS判断数组里是否有重复元素的方法小结
May 21 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 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
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
laravel-admin的多级联动方法
2019/09/30 PHP
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
2020/11/18 jQuery
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
使用Python实现BT种子和磁力链接的相互转换
2015/11/09 Python
Python使用gensim计算文档相似性
2016/04/10 Python
python实现多线程的两种方式
2016/05/22 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
jupyter 使用Pillow包显示图像时inline显示方式
2020/04/24 Python
Scrapy框架介绍之Puppeteer渲染的使用
2020/06/19 Python
行政专员岗位职责
2014/01/02 职场文书
教师研修随笔感言
2014/01/23 职场文书
建筑管理专业求职信
2014/07/28 职场文书
青年志愿者活动方案
2014/08/17 职场文书
就业协议书范本
2014/10/08 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
区域销售大会开幕词
2016/03/04 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers