详解在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 相关文章推荐
ie focus bug 解决方法
Sep 03 Javascript
js加强的经典分页实例
Mar 15 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
js实现从数组里随机获取元素
Jan 12 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
vue文件树组件使用详解
Mar 29 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 Javascript
js 函数性能比较方法
Aug 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
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
php比较相似字符串的方法
2015/06/05 PHP
CodeIgniter连贯操作的底层原理分析
2016/05/17 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
js实现文字头像的生成代码
2020/03/07 Javascript
Python使用新浪微博API发送微博的例子
2014/04/10 Python
Windows下为Python安装Matplotlib模块
2015/11/06 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
python中树与树的表示知识点总结
2019/09/14 Python
python入门之井字棋小游戏
2020/03/05 Python
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
Unix/Linux开发面试题
2016/08/16 面试题
综合办公室主任岗位职责
2014/04/13 职场文书
土建施工员岗位职责
2014/07/16 职场文书
公证委托书格式
2014/09/13 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
2015年体育部工作总结
2015/04/02 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
基石观后感
2015/06/12 职场文书
宾馆卫生管理制度
2015/08/06 职场文书