文档章节

nodejs中引入art-template模板

c
 caiyezi
发布于 2016/11/08 20:23
字数 277
阅读 95
收藏 1

使用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>

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

 

本文转载自:http://www.cnblogs.com/vipzhou/p/4948692.html

共有 人打赏支持
c
粉丝 1
博文 108
码字总数 0
作品 0
西安
程序员
私信 提问
一个Electron的小例子,终于能动手写Node了

因为一直对JavaScript有好感,主要来源于闭包、函数式编程和其灵活性。所以两年前看到Node的时候,也被他的优美身姿所吸引。 系统的学了一下ECMAScript6.0,对其各种各样的好用的语法糖惊叹不...

大大枣
2018/07/05
0
0
第115天:Ajax 中artTemplate模板引擎(一)

一、不分离与分离的比较 1、前后端不分离,以freemarker模板引擎为例,看一下不分离的前后端请求的流程是什么样的? 从上图可以看出,前后端开发人员的工作耦合主要在(3)Template的使用。 ...

半指温柔乐
2017/12/15
0
0
nodejs中art-template模板语法冲突解决方案

art-template的github地址:https://github.com/aui/art-template 前端开发中,有非常多的模板引擎第三方框架,其中art-template属于写的比较好的一个,一般的模板引擎第三方都会支持一到两种...

u013263917
2017/11/05
0
0
art-template4.0使用

art-template javascript 模板引擎,官网:https://github.com/aui/art-template 分为原生语法和简洁语法,本文主要是讲简洁语法 基础数据渲染 输出HTML 流程控制 遍历 调用自定义函数方法 ...

不负好时光
2018/09/19
0
0
前端工作流客户端 - LegoFlow

更轻、更强、开箱即用的 前端工作流客户端,无需各种配置系统环境。 开发者无需再配置各种版本混乱的 NodeJS 环境 开发者无需再下载各个繁琐复杂的 node modules 开发者无需再修改各样重复麻...

匿名
2017/07/10
0
3

没有更多内容

加载失败,请刷新页面

加载更多

解决各浏览器向url中传中问参数的问题

https://www.cnblogs.com/godtrue/p/4333262.html 后台的处理代码 public static String getUrlnewName( String oldName) {String newName = "";try {String agent = inv.get......

踏破铁鞋无觅处
43分钟前
1
0
微信支付携带证书请求

package utils.wechat; import java.io.File;import java.io.FileInputStream;import java.io.IOException;import java.security.KeyStore; import javax.net.ssl.SSLContext;......

猿神出窍
51分钟前
2
0
1093 - You can't specify target table 'xxx' for update in FROM clause, Time: 0.002000s

1093 - You can't specify target table 'xxx' for update in FROM clause, Time: 0.002000s 根据结果集在b_order_copy1 表中删除 DELETE FROM b_order_copy1 WHERE Id in ( SELECT Id FRO......

lwenhao
52分钟前
1
0
JavaScriptCore全面解析

本文由云+社区发表 作者:殷源,专注移动客户端开发,微软Imagine Cup中国区特等奖获得者 JavaScript越来越多地出现在我们客户端开发的视野中,从ReactNative到JSpatch,JavaScript与客户端相...

腾讯云加社区
56分钟前
1
0
Jmeter参数的AES加密使用

在Jmeter日常实践中,大家应该都遇到过接口传参需要加密的情况。以登陆为例,用户名和密码一般都需要进行加密传输,在服务端再进行解密,这样安全系数会更高,但在使用jmeter进行接口测试的时...

程序猿拿Q
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部