详解在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 相关文章推荐
Knockoutjs快速入门(经典)
Dec 24 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
9个让JavaScript调试更简单的Console命令
Nov 14 Javascript
js+html制作简单验证码
Feb 16 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
Web制作验证码功能实例代码
Jun 19 Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
解决vue router组件状态刷新消失的问题
Aug 01 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
Apr 17 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 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极大的增强功能和性能
2006/10/09 PHP
PHP IPV6正则表达式验证代码
2010/02/16 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
javascript编程开发中取色器及封装$函数用法示例
2017/08/09 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
JavaScript错误处理操作实例详解
2019/01/04 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
electron踩坑之dialog中的callback解决
2020/10/06 Javascript
跟老齐学Python之深入变量和引用对象
2014/09/24 Python
Python set集合类型操作总结
2014/11/07 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python实现PS图像抽象画风效果的方法
2018/01/23 Python
python list元素为tuple时的排序方法
2018/04/18 Python
Python利用递归实现文件的复制方法
2018/10/27 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
CSS3实现内凹圆角的实例代码
2017/05/04 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
端午节活动策划方案
2014/03/09 职场文书
授权委托书怎么写
2014/04/03 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
python爬取新闻门户网站的示例
2021/04/25 Python
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python
JS实现数组去重的11种方法总结
2022/04/04 Javascript