详解在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基本对象
Jan 11 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
jquery 按键盘上的enter事件
May 11 Javascript
图解js图片轮播效果
Dec 20 Javascript
原生js实现放大镜
Feb 20 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 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
php实现aes加密类分享
2014/02/16 PHP
smarty简单入门实例
2014/11/28 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
PHP钩子实现方法解析
2019/05/21 PHP
php源码的使用方法讲解
2019/09/26 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
Nodejs进程管理模块forever详解
2014/06/01 NodeJs
javascript进行数组追加方法小结
2014/06/16 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
JavaScript 学习笔记之变量及其作用域
2015/01/14 Javascript
jQuery常用数据处理方法小结
2015/02/20 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
angular2路由切换改变页面title的示例代码
2017/08/23 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
JS实现动态无缝轮播
2020/01/11 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
Python设计模式之观察者模式简单示例
2018/01/10 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
基于python实现计算两组数据P值
2020/07/10 Python
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
绿色城市实施方案
2014/03/19 职场文书
劲霸男装广告词
2014/03/21 职场文书
感恩教育月活动总结
2014/07/07 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS