详解在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的文本框与autocomplete结合使用(asp.net+json)
May 30 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
js制作简易年历完整实例
Jan 28 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
node+koa实现数据mock接口的方法
Sep 20 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
layer弹出层父子页面事件相互调用方法
Aug 17 Javascript
纯JS开发baguetteBox.js响应式画廊插件
Jun 28 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 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
用PHP生成静态HTML速度快类库
2007/03/18 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
实现PHP搜索加分页
2016/10/12 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
Javascript hasOwnProperty 方法 &amp; in 关键字
2008/11/26 Javascript
基于jquery的超简单上下翻
2010/04/20 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan
2014/07/15 DOTA
[01:03:31]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第二局
2016/02/26 DOTA
python基础教程之缩进介绍
2014/08/29 Python
Python简明入门教程
2015/08/04 Python
Python实现字符串格式化的方法小结
2017/02/20 Python
Python常见加密模块用法分析【MD5,sha,crypt模块】
2017/05/24 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
Python解析并读取PDF文件内容的方法
2018/05/08 Python
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
python如何实现word批量转HTML
2020/09/30 Python
全球最大化妆品零售网站:SkinStore
2020/10/24 全球购物
护士在校生自荐信
2014/02/01 职场文书
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android