扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
在这里就nodejs如何应用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',{});
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网