node结合swig渲染摸板的方法

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

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

server.listen(8080,'localhost',(req,res)=>{
console.log('服务器启动...');
})

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

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

配置需要渲染的数据：

{ //render方法只有在使用摸板引擎之后才会生效，其中 参数1是需要渲染的摸板名称，参数2就是需要渲染到页面的一些参数 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文件的具体代码如下所示：

Document

摸板引擎

姓名:

{{name}}

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

栗子

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

张三

{% endif %}

遍历数组

{% for items in lists%}

items

{% 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 %}
{% endblock %}

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。