nodejs中引入art-template模板

使用Webstorm创建nodejs express应用时,默认使用的是jade或者ejs模板,对于不习惯这两种模板语法的人来说确实不是很方便。没关系,这里我们使用art-template模板引擎,使用后可以直接使用html模板:

1、安装art-template

npm install art-template

2、修改app.js文件,添加如下代码:

// view engine setup
app.set('views', path.join(__dirname, 'views'));
var template = require('art-template');
template.config('base', '');
template.config('extname', '.html');
app.engine('.html', template.__express);
app.set('view engine', 'html');

3、然后直接创建html页面,js路由便可以直接访问了

4、关于art-template的使用,可以参见http://www.jq22.com/jquery-info1097

首先在app.js中添加如下路由拦截:

var routes = require('./routes/index');

...

app.use('/', routes);

然后是index.js文件:

var express = require('express');
var router = express.Router();
var tags = require('../modules/tag.js');

router.get('/', function(req, res, next) {
    res.render("index2",{title:"index2",content:"index2's content"});
});

module.exports = router;

这里我跳转到index2页面(配置好了art-template模板引擎后,视图层默认文件后缀即为html),index2.html页面如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{title}}</title>
</head>
<body>
{{content}}
</body>
</html>

运行应用,浏览器输出如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我和PYTHON有个约会

爬虫正传-江湖路远-0101-刀未佩妥,出门已是江湖

小结:urllib2是Python2版本中专门用于进行网络数据请求访问的一个基础模块,包含了最基本的操作网络数据的各种类型和函数,如上述程序中访问新浪网并获取响...

802
来自专栏Jerry的SAP技术分享

微信小程序开发系列一:微信小程序的申请和开发环境的搭建

点击按钮“前往注册”。注意我们需要使用一个没有注册过微信小程序或者微信公众号的邮箱。我用的是网易邮箱。注册之后,邮箱会收到一封激活邮件。

1322
来自专栏蛋未明的专栏

Html中textarea高亮编辑显示代码插件

33410
来自专栏漏斗社区

工具 | w3af系列高级篇(三)

本期带来w3af的高级使用,包括认证扫描,页面爬取和漏洞利用等几个部分。 一、认证扫描 w3af支持如下4种认证类型: HTTP Basic authen...

4118
来自专栏IT笔记

ZooKeeper客户端监控软件ZooInspector

年底了,终于可以好好研究下ZooKeeper具体的适用场景了。 这里分享一个zk浏览工具,该工具除了能展示树形结构外,也能展示每个path的属性和数据,而且如果...

3299
来自专栏开源优测

接口测试 | 22 requests基础入门

概述 从本文开始分享requests相关知识,及如何用requests进行接口测试。 requests号称:是唯一的一个非转基因的Python HTTP库,人类...

3355
来自专栏BeJavaGod

FreeMarker静态模板结合spring展示

freemarker可以脱离web使用 前一篇文章使用了普通的方法 这回说说结合spring pom额外引入这个jar包 <groupId>org.spring...

2656
来自专栏小文博客

WordPress获取所有文章链接

1565
来自专栏DannyHoo的专栏

父视图半透明而子视图不半透明

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

672
来自专栏知晓程序

开发 | 想让小程序变得更漂亮?一招教你使用图标字体

图标字体,相信大家都不陌生。包括 font-awesome,iconic 等等,都是很不错的图标字体服务。

500

扫码关注云+社区