详解在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 相关文章推荐
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
Mar 09 Javascript
五步轻松实现zTree的使用
Nov 01 Javascript
搭建vue开发环境
Jul 19 Javascript
JavaScript实现学生在线做题计时器功能
Dec 05 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
vue 调用 RESTful风格接口操作
Aug 11 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
PHP bin2hex()函数基础实例讲解
2019/02/11 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
2016/05/30 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
python友情链接检查方法
2015/07/08 Python
python编写Logistic逻辑回归
2020/12/30 Python
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
PIL对上传到Django的图片进行处理并保存的实例
2019/08/07 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
django实现将修改好的新模型写入数据库
2020/03/31 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
兰蔻加拿大官方网站:Lancome加拿大
2016/08/05 全球购物
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
就业推荐表自我鉴定
2013/10/29 职场文书
大学校庆邀请函
2014/01/11 职场文书
学校七一活动方案
2014/01/19 职场文书
2015教师节师德演讲稿
2015/03/19 职场文书
社区党员干部承诺书
2015/05/04 职场文书
诗词赏析-(浣溪沙)
2019/08/13 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python