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>

運行應用,瀏覽器輸出如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM