node结合swig渲染摸板的方法

node结合swig渲染摸板的方法

在这里就nodejs如何应用swig摸板，总结一下一些基本的用法。

首先当然是利用express框架在node后SPsJzT台上面搭建服务

var express = require('express');

var server = express();

server.listen(8080,'localhost',(req,res)=>{

console.log('服务器启动...');

})

启动成功之后，开始设置swig摸板的相关配置，具体代码如下：

npm install swig -s

安装成功之后，加上swig配置，代码如下：

//配置摸板引擎

var swig = require('swig');

//参数1，摸板引擎的名称，固定字段

//参数2，摸板引擎的方法

server.engine('html',swig.renderFile);

//摸板引擎存放目录的关键字，固定字段

//实际存在的目录，html文件就在html文件夹下面

server.set('views',__dirname+'/html');

//注册摸板引擎，固定字段

server.set('view engine','html');

//关闭swig缓存,缓存的目的也是提高node服务器的响应速度

swig.setDefaults({cache:false});

配置需要渲染的数据：

server.get('/',(req,res)=>{

//render方法只有在使用摸板引擎之后才会生效，其中 参数1是需要渲染的摸板名称，参数2就是需要渲染到页面的http://一些参数

res.render('temp',{

name:'张三',

user:{

name:'栗子',

age:18

},

lists:['item1','item2','item3','item4','item5',

'item6','item7','item8','item9','item10','item11','item12',

'item13','item14','item15','item16','item17','item18','item19',

'item20','item21','item22','item23','item24','item25','item26']

});

})

html文件的具体代码如下所示：

姓名:

{{name}}

{% if user.name == '栗子' && user.age == '18'%}

姓名:

栗子

{% elseif user.name == '张三'%}

张三

{% endif %}

遍历数组

{% for items in lists%}

{% endfor %}

{% set arr = [1,2,3,4,5]%}

{{arr.length}}

{% include './common.html' %}

具体页面显示如下：

上面讲的是使用swig摸板引擎如何传递参数到页面渲染，下面来看看如何使用swig提取html公共的部分：

html页面公共的部分，比如说header，公共的js css文件，导航栏等

设置一个公共的页面：

{% block css%}

{% endblock %}

{% block content%}

{% endblock %}

{% block js%}

{% endblock %}

home.html

{% extends './layout.html'%}

{% block css %}

{% endblock %}

{% block content %}

{% endblock %}

{% block js %}

{% endblock %}

当启动node服务器，渲染home页面的时候，你会看到

server.get('/',(req,res)=>{

res.render('www/home',{});

})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。