node.js學(xué)習(xí)之swig

發(fā)布時(shí)間：2020-07-19 11:22:47 來(lái)源：網(wǎng)絡(luò) 閱讀：1672 作者：lixiaoyu1223 欄目：web開(kāi)發(fā)

超簡(jiǎn)單的swig用法，都不用多解釋，上代碼：

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返回的一個(gè)函數(shù)，具體是什么沒(méi)仔細(xì)看，renderedHtml是替換過(guò)值的hmtml字符串。

index.html:

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>{{ title }}</title>
</head>
<body>
 
    <h2>{{ title }}</h2>
    <ul>
        {% for person in people %}
        	{% for person in people %}
        		<li>{{ person.name }} age {{ person.age }}</li>
        	{% endfor %}
        {% endfor %}
    </ul>
 
</body>
</html>

html里的變量要和js中的對(duì)像中的屬性一一對(duì)應(yīng)，變量用 {{}} （雙花括號(hào)）表示，還可以有for循環(huán)和if判斷，如果是有這類的關(guān)鍵字，要用{% %} 包括，包括中的內(nèi)容就會(huì)根據(jù)條件決定顯示或不顯示或顯示多少次。還可以循環(huán)嵌套，很容易明白，一看就懂了。

參考 http://www.w3hacker.com/nodejs-swig-example.html

向AI問(wèn)一下細(xì)節(jié)

node.js學(xué)習(xí)之swig

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽