详解在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自动判断浏览器分辨率的代码
Jan 28 Javascript
DIV菜单层实现代码
Nov 19 Javascript
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
Jan 19 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
js实现表单多按钮提交action的处理方法
Oct 24 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
vue给对象动态添加属性和值的实例
Sep 09 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 29 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 strrpos()与strripos()函数
2013/08/31 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
Yii 框架控制器创建使用及控制器响应操作示例
2019/10/14 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
jQuery学习笔记之Helloworld
2010/12/22 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
javascript白色简洁计算器
2015/05/04 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
理解javascript中的闭包
2017/01/11 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
2018/10/08 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
python抓取网页中的图片示例
2014/02/28 Python
Python中input和raw_input的一点区别
2014/10/21 Python
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
python pymysql库的常用操作
2020/10/16 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
Nip + Fab官网:英国美容品牌
2019/08/26 全球购物
一些网络技术方面的面试题
2014/05/01 面试题
物流专业大学生求职信范文
2013/10/28 职场文书
行政文员岗位职责
2015/02/04 职场文书
中学生运动会广播稿
2015/08/19 职场文书
python 爬取哔哩哔哩up主信息和投稿视频
2021/06/07 Python
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android