这次给大家带来node结合swig渲染摸板（附代码），node结合swig渲染摸板的注意事项有哪些，下面就是实战案例，一起来看一下。
首先当然是利用express框架在node后台上面搭建服务
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就是需要渲染到页面的一些参数 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%}
{{arr.length}}
{% include './common.html' %}登录后复制
具体页面显示如下：
上面讲的是使用swig摸板引擎如何传递参数到页面渲染，下面来看看如何使用swig提取html公共的部分：
html页面公共的部分，比如说header，公共的js css文件，导航栏等
设置一个公共的页面：
{% block content%}{% endblock %} {% block js%}{% endblock %} node {% block css%} {% endblock %}
登录后复制
home.html
{% extends './layout.html'%}{% block css %}{% endblock %}{% block content %} 登录后复制
当启动node服务器，渲染home页面的时候，你会看到
server.get('/',(req,res)=>{ res.render('www/home',{});})
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
jQuery实现鼠标点击悬浮特效
vue-simplemde实现图片拖拽粘贴功能（附代码）
以上就是node结合swig渲染摸板（附代码）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2766250.html
