使用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>
運行應用,瀏覽器輸出如下: