详解在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 相关文章推荐
javascript 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
Jquery替换已存在于element上的event的方法
Mar 09 Javascript
Javascript面向对象之四 继承
Feb 08 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
基于JS2Image实现圣诞树代码
Dec 24 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
小程序自定义弹框效果
Nov 16 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
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
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
PHP序列化和反序列化深度剖析实例讲解
2020/12/29 PHP
wordpress之js库集合研究介绍
2007/08/17 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
javascript中的面向对象
2017/03/30 Javascript
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
setTimeout与setInterval的区别浅析
2019/03/23 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
详解Python中time()方法的使用的教程
2015/05/22 Python
python使用pygame框架实现推箱子游戏
2018/11/20 Python
详解python pandas 分组统计的方法
2019/07/30 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
Python文字截图识别OCR工具实例解析
2020/03/05 Python
keras中模型训练class_weight,sample_weight区别说明
2020/05/23 Python
解决python 执行sql语句时所传参数含有单引号的问题
2020/06/06 Python
Python Celery异步任务队列使用方法解析
2020/08/10 Python
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
学习雷锋精神心得体会范文
2014/03/12 职场文书
小学优秀班集体申报材料
2014/05/25 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
会计工作检讨书
2015/02/19 职场文书
2014年底个人工作总结
2015/03/10 职场文书
详解Python常用的魔法方法
2021/06/03 Python
Python可视化学习之seaborn调色盘
2022/02/24 Python