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>
运行应用,浏览器输出如下:
作者:程序员小波与Bug
出处:https://codetrips.cn
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。如有问题,可以邮件:caiya928@aliyun.com
QQ:1419901425 联系我
如果喜欢我的文章,请关注我的公众号:程序员小波与Bug