资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

node.js学习之swig

超简单的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 应该是swig返回的一个函数,具体是什么没仔细看,renderedHtml是替换过值的hmtml字符串。

index.html:




    
    {{ title }}


 
    

{{ title }}

    
            {% for person in people %}          {% for person in people %}         
  • {{ person.name }} age {{ person.age }}
  •          {% endfor %}         {% endfor %}     
 

html里的变量要和js中的对像中的属性一一对应,变量用 {{}} (双花括号)表示,还可以有for循环和if判断,如果是有这类的关键字,要用{% %} 包括,包括中的内容就会根据条件决定显示或不显示或显示多少次。还可以循环嵌套,很容易明白,一看就懂了。

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


新闻标题:node.js学习之swig
分享链接:http://cdkjz.cn/article/pijhpe.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220