详解在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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
js checkbox(复选框) 使用集锦
Apr 28 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
jQuery实现点击查看大图并以弹框的形式居中
Aug 08 Javascript
jQuery 局部div刷新和全局刷新方法总结
Oct 05 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
Aug 17 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
thinkphp验证码显示不出来的解决方法
2014/03/29 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
php使用正则表达式获取图片url的方法
2015/01/16 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
js压缩利器
2007/02/20 Javascript
Js 获取Gridview选中行的内容操作步骤
2013/02/05 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
两个select多选模式的选项相互移动(示例代码)
2014/01/11 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
javascript基础知识
2016/06/07 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
js实现导航吸顶效果
2017/02/24 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
Python编程之string相关操作实例详解
2017/07/22 Python
Python 通过调用接口获取公交信息的实例
2018/12/17 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
Pycharm内置终端及远程SSH工具的使用教程图文详解
2020/03/19 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
土木工程毕业生自荐信
2013/09/21 职场文书
促销活动计划书
2014/05/02 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书