node 模板引擎swig

最新推荐文章于 2021-03-21 18:52:48 发布
原创 最新推荐文章于 2021-03-21 18:52:48 发布 · 357 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#swig #模板引擎

本文介绍如何使用Swig模板引擎为Node.js应用提供HTML视图支持，并展示了如何取消模板缓存以适应开发环境的需求。 
npm i swig

var swig = require("swig");
app.engin("html",swig.renderFile);
app.set("views","html目录");
app.set("view engine","html");

//开发用（取消模板缓存）
swig.setDefaults({cache:false});
具体用法：swig


                

        

    

    
  



    



                



	

		

			

				
					
nodejs中使用swig模板引擎

				
			

			

				

					A secret makes a woman woman.
				

				

					04-06
					
					908
					
				

			

		

		

			
				
1、npm 安装npm install --save expressnpm install --save swig2、在项目views文件夹里建以下文件layout.html<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{% block title ...

			
		

	



                

            
              



	

		

			

				
					
Node09 swig模版引擎

				
			

			

				

					多啦的博客
				

				

					04-13
					
					2529
					
				

			

		

		

			
				
swig 是node端的一个优秀简洁的模板引擎，类似Python模板引擎Jinja，目前不仅在node端较为通用，相对于jade、ejs优秀，而且在浏览器端也可以很好地运行。

			
		

	



              


  
              

                


	

		

			

				
					
nodejs前端模板引擎swig入门

				
			

			

				

					phillip318的专栏
				

				

					11-13
					
					583
					
				

			

		

		

			
				
http://www.jianshu.com/p/f0bffc42c1ce

相对于jade，我还是更喜欢swig前端模板引擎，jade虽然语法简练高效了不少，但是在我这最大的问题是
他没有一个html该有的样子。。。
所以我还是决定使用swig，页面结构，样子都是熟悉的样子，使用起来顺手了许多。
很多朋友也在纠结二者的优缺点，这个根据需求因人而异吧
这是两者的比较
http://vschar

			
		

	





	

		

			

				
					
Node- swig模版引擎

				
			

			

				

					袁梦龙的博客
				

				

					07-03
					
					756
					
				

			

		

		

			
				
简介

swig 是node端的一个优秀简洁的模板引擎，类似Python模板引擎Jinja，目前不仅在node端较为通用，相对于jade、ejs优秀，而且在浏览器端也可以很好地运行。

这是官方文档。

语法

swig的变量
{{ foo.bar }}
{{ foo['bar'] }}
//如果变量未定义，输出空字符。123123

swig的标签

extends


			
		

	



		

			
		



	

		

			

				
					
Node.js-swig前端模板引擎

				
			

			

				

					小林的博客
				

				

					11-20
					
					374
					
				

			

		

		

			
				
①安装swig
npm install swig

//引入express框架
var express = require("express")
var app = express()
var port = 8081
//引入前端模板引擎
var swig = require("swig")
//设置页面不缓存
swig.setDefaults({cache: false})
app.set('view cache',false)
//定义当前应用所使用的的模板引擎
//第一个参数表示模板引擎的名称，同时也

			
		

	





	

		

			

				
					
node中使用swig入门

				
			

			

				

					weixin_42241439的博客
				

				

					11-11
					
					449
					
				

			

		

		

			
				
swig 入门
原文链接: https://www.jianshu.com/p/f0bffc42c1ce.
安装swig依赖
npm install swig --save

创建appServer.js
var express = require('express');
var swig = require('swig');
var path = require('path')

var app...

			
		

	





	

		

			

				
					
node.js学习之swig

				
			

			

				

					weixin_34050519的博客
				

				

					02-19
					
					90
					
				

			

		

		

			
				
超简单的swig用法，都不用多解释，上代码：index.js:'usestrict';
varhttp=require('http'),
swig=require('swig');

http.createServer(function(req,res){
vartmpl=swig.compileFile(__dirname+'/...

			
		

	





	

		

			

				
					
nodejs前端模板引擎swig入门详解

				
			

			

				

					10-18
				

			

		

		

			
				
Swig是node.js中一个流行的前端模板引擎，它的特点在于语法简单、易于理解和使用，与传统的Jade模板引擎相比，Swig更贴近标准的HTML结构，这使得许多习惯了传统HTML的开发者更容易上手。  Swig模板引擎的主要特点...

			
		

	





	

		

			

				
					
nodejs前端模板引擎swig入门详解.docx

				
			

			

				

					01-21
				

			

		

		

			
				
Node.js的前端模板引擎Swig是一种流行的用于生成HTML的工具，尤其适合于Web应用程序的视图层。Swig因其简洁的语法和丰富的功能而受到开发者欢迎。以下是对Swig入门的详细讲解：  **1. Swig的特点** Swig支持多种主流...

			
		

	





	

		

			

				
					
Node.js前端模板引擎Swig入门教程

				
			

			

				

					
				

			

		

		

			
				
Node.js 前端模板引擎 Swig 入门详解   Swig 是一个流行的 JavaScript 模板引擎，广泛应用于 Node.js 前端开发中。下面我们将对 Swig 模板引擎进行详细的介绍和解释。   Swig 模板引擎的特点   Swig 是一个 ...

			
		

	





	

		

			

				
					
Node.js-swig是node端的一个优秀简洁的模板引擎

				
			

			

				

					08-10
				

			

		

		

			
				
**Node.js-Swig模板引擎详解**  Node.js是一个强大的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行编程。Swig则是Node.js中的一个优秀的、简洁的模板引擎，它以其易于理解和使用的特性，受到了广大...

			
		

	





	

		

			

				
					
swig模板引擎汇总

				
			

			

				

					weixin_30687051的博客
				

				

					05-10
					
					168
					
				

			

		

		

			
				
1.Express中使用swig模板引擎
2.Swig 使用指南
3.jade to html online
转载于:https://www.cnblogs.com/jiemao/p/6837575.html

			
		

	





	

		

			

				
					
Node.js 入门笔记(2) - swig模板

				
			

			

				

					老胡的笔记
				

				

					12-12
					
					806
					
				

			

		

		

			
				
express与swig模板

			
		

	





	

		

			

				
					
swig模板 PHP,认识一下swig前端模板引擎

				
			

			

				

					weixin_29877113的博客
				

				

					03-21
					
					349
					
				

			

		

		

			
				
swig官网上的自我介绍是基于Node.js和浏览器的JavaScript模板引擎。下面介绍的是一些常用的基本语法，不过我还是极力推荐仔细阅读siwg官网教程。swig的安装通过NPM：npm install swig --saveswig常用的基本语法1.变量传递给模板的变量可以使用双括号输出。{{ name }}访问对象的属性可以使用点符号或中括号来完成。以下示例等同：{{ foo.bar }...

			
		

	





	

		

			

				
					
（一）node学习

				
			

			

				

					wsgjcxy13的博客
				

				

					04-18
					
					389
					
				

			

		

		

			
				
目录



1、http、url模块

2、CommonJs

3、fs模块

4、静态web服务

5、回调和事件驱动

6.1、静态文件托管

6.2、路由、ejs、get、post

7、路由

8、MongoDB

所有第三方中间件都可以在npm官网查询到对应的下载和引用例子，这里有传送门



1、http、url模块

01、http模块：创建服务


// 引入http模块
va...

			
		

	





	

		

			

				
					
swig中{{}}与vue冲突

				
			

			

				

					nayi_224的博客
				

				

					09-05
					
					360
					
				

			

		

		

			
				
nodejs中使用swig，{{}}关键字与vue冲突。
解决方法：swig与vue中的关键字改其一。
vue：
Vue.config.delimiters = ['${', '}$'];
new Vue({
  delimiters: ['${', '}']
});

swig：
swig.setDefaults({
  varControls: ['[[', ']]']
});

通常使用vu...

			
		

	





	

		

			

				
					
简单、强大的swig.js

				
			

			

				

					哆啦咪^Pluser
				

				

					06-08
					
					9054
					
				

			

		

		

			
				
Swig.jsA simple, powerful, and extendable JavaScript Template Engine。

			
		

	





	

		

			

				
					
NodeJS中使用swig模板引擎

				
			

			

				

					★匆匆★的专栏
				

				

					02-19
					
					7552
					
				

			

		

		

			
				
http://www.catcoder.com/post/NodeJS%E4%B8%AD%E4%BD%BF%E7%94%A8swig%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E


NodeJS中的默认引擎是jade有点过于复杂，而且不是以HTML为基础的，学习成本和前端适应成本都很大。而ejs虽然简单，但不支持模板导入，而且效率一般。

swig的语法简单，

			
		

	





	

		

			

				
					
swig模板 PHP,在Express.js中使用Swig模板框架

				
			

			

				

					weixin_28007513的博客
				

				

					03-21
					
					169
					
				

			

		

		

			
				
Swig是一个node.js和浏览器端的Javascript模板引擎。先通过 npm 安装swig ：$npminstallswig--saveSwig可以很容易就兼容Express,Express是一个基于nodejs的简单好用的应用框架。下面就是一个基础的集合Swig和Expressd 两个框架的例子:varapp=require('express')(),swig=requ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值