详解在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 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
通过js简单实现将一个文本内容转译成加密文本
Oct 22 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
jQuery验证插件validation使用指南
Apr 21 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
详解angularjs 关于ui-router分层使用
Jun 12 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
Vuex 入门教程
Jan 10 Javascript
Vue组件的使用及个人理解与介绍
Feb 09 Javascript
vue实现防抖的实例代码
Jan 11 Vue.js
Element实现动态表格的示例代码
Aug 02 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
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
php socket方式提交的post详解
2008/07/19 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
在html文件中也可以执行php语句的方法
2015/04/09 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
jQuery、zepto、js常用小技巧
2017/02/12 Javascript
bootstrap PrintThis打印插件使用详解
2017/02/20 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
2021/01/13 Vue.js
[53:52]EG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
python简单实现AES加密和解密
2019/03/28 Python
Python 实现向word(docx)中输出
2020/02/13 Python
HTML5 History API 实现无刷新跳转
2016/01/11 HTML / CSS
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
财务信息服务专业自荐书范文
2014/02/08 职场文书
幼儿教师培训感言
2014/03/08 职场文书
蓝颜请假条
2014/04/11 职场文书
2014年秘书工作总结
2014/11/25 职场文书
三八妇女节寄语
2015/02/27 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
只用Python就可以制作的简单词云
2021/06/07 Python