超簡單的swig用法,都不用多解釋,上代碼:
“只有客戶發(fā)展了,才有我們的生存與發(fā)展!”這是創(chuàng)新互聯(lián)的服務(wù)宗旨!把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品,產(chǎn)品思維更注重全局思維、需求分析和迭代思維,在網(wǎng)站建設(shè)中就是為了建設(shè)一個不僅審美在線,而且實用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁設(shè)計、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無止境。
index.js:
'use strict'; var http = require('http'), swig = require('swig'); http.createServer(function (req, res) { var tmpl = swig.compileFile(__dirname + '/index.html'), renderedHtml = tmpl({ people: [ { name: 'Paul', age: 28 }, { name: 'Jane', age: 26 }, { name: 'Jimmy', age: 45 } ], title: 'Basic Example' }); res.writeHead(200, { 'Content-Type': 'text/html' }); console.log(renderedHtml); res.end(renderedHtml); }).listen(1337); console.log('Application Started on http://localhost:1337/');
tmpl 應(yīng)該是swig返回的一個函數(shù),具體是什么沒仔細看,renderedHtml是替換過值的hmtml字符串。
index.html:
{{ title }} {{ title }}
html里的變量要和js中的對像中的屬性一一對應(yīng),變量用 {{}} (雙花括號)表示,還可以有for循環(huán)和if判斷,如果是有這類的關(guān)鍵字,要用{% %} 包括,包括中的內(nèi)容就會根據(jù)條件決定顯示或不顯示或顯示多少次。還可以循環(huán)嵌套,很容易明白,一看就懂了。
參考 http://www.w3hacker.com/nodejs-swig-example.html