不用找了,比较全的signalR例子已经为你准备好了.

网友投稿 503 2022-05-30

这几天想着将一个winform的工具上线到web上,因为对时时性的要求比较高,找朋友咨询了一下推荐了SignlarR 框架,比较强大.昨天才看到,今天研究了一下将里面的例子都拿出来共享.

官方的参考:http://www.asp.net/signalr/overview/getting-started

安装SignalR： NuGet命令：

PM> Install-Package Microsoft.AspNet.SignalR

<————1:与他人聊天:————>

后台代码示例:

小提示:注意其它的红色字体部分

前台代码示例:

1 2 3 4 title> 5  6  7 <script src="Scripts/jquery-1.10.2.min.js">script> 8  9 <script src="Scripts/jquery.signalR-2.0.2.js">script> 10  11 <script src='signalr/hubs'>script> 12  13 <script type='text/javascript'> 14 15 16 $(function () { 17 // Declare a proxy to reference the hub. 18 var chat = $.connection.ViewDataHub; 19 20 21 //init the client function 22 init(chat); 23 24 25 $("#btnclick").click(function () { 26 //Response the information 27 $.connection.hub.start().done(function () { 28 chat.server.hello().done(function (res) { 29 alert(res); 30 })//end of done function 31 })//the end of the $.connection 32 })//end of click function 33 34 35 36 $("#btntalk").click(function () { 37 $.connection.hub.start().done(function () { 38 chat.server.sendMessag($("#txttalk").val()); 39 $("#txttalk").val(""); 40 })//the end of the $.connection 41 42 });//btntalk end 43 44 }) 45 46 47 //init the client method 48 function init(chat) { 49 50 chat.client.talk = function (message) { 51 var talk =" + message + "1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950511 <!DOCTYPE html>2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <title>title>5 6 7 <script src="Scripts/jquery-1.10.2.min.js">script>8 9 <script src="Scripts/jquery.signalR-2.0.2.js">script>10 11 <script src='signalr/hubs'>script>12 13 <script type='text/javascript'>141516 $(function () {17 // Declare a proxy to reference the hub.18 var chat = $.connection.ViewDataHub;192021 //init the client function22 init(chat);232425 $("#btnclick").click(function () {26 //Response the information27 $.connection.hub.start().done(function () {28 chat.server.hello().done(function (res) {29 alert(res);30 })//end of done function<img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MTg1MjI.jpg" alt="不用找了,比较全的signalR例子已经为你准备好了." title="不用找了,比较全的signalR例子已经为你准备好了." />31 })//the end of the $.connection32 })//end of click function33343536 $("#btntalk").click(function () {37 $.connection.hub.start().done(function () {38 chat.server.sendMessag($("#txttalk").val());39 $("#txttalk").val("");40 })//the end of the $.connection4142 });//btntalk end4344 })454647 //init the client method48 function init(chat) {4950 chat.client.talk = function (message) {51 var talk =" + message + "1View Code出现的效果:两个窗口之间的聊天我知道你心中肯定有疑问,我也是这样,当我刚接触的时候完全搞不懂这是为什么会这样,我们来回顾一次正常的聊天过程:那我们重新拆分以上的方法来证明我们的猜想是否正确1 $("#btntalk").click(function () { 2 $.connection.hub.start().done(function () { 3 chat.server.sendMessag($("#txttalk").val()); 4 $("#txttalk").val(""); 5 })//the end of the $.connection 6 7 });//btntalk end12345671 $("#btntalk").click(function () {2 $.connection.hub.start().done(function () {3 chat.server.sendMessag($("#txttalk").val());4 $("#txttalk").val("");5 })//the end of the $.connection67 });//btntalk endchat.server.sendMessage(message) 从客户端调用了服务器的方法(服务器扮演的是中转站的角色).此时的message 从客户端A发送给了服务端那服务器就应该有这样的一个方法与之相对应后台代码:1 //this fucntion will be called by client and the inside function 2 //Clients.Others.talk(message); 3 //will be called by clinet javascript function . 4 public void SendMessag(string message) 5 { 6 Clients.Others.talk(message); 7 }12345671 //this fucntion will be called by client and the inside function2 //Clients.Others.talk(message);3 //will be called by clinet javascript function .4 public void SendMessag(string message)5 {6 Clients.Others.talk(message);7 }服务端接收到A发送来的message.这个时候服务端将消息推送给客户端BClients.Others.talk(message);这个时候客户端B应该有一个talk的方法来将消息显示出来1 //init the client method 2 function init(chat) { 3 4 chat.client.talk = function (message) { 5 var talk = "<h1>" + message + "h1>"; 6 7 $("#dvtalk").append(talk); 8 9 } //end regist the client function 10 11 } //end of the initfunction12345678910111 //init the client method2 function init(chat) {34 chat.client.talk = function (message) {5 var talk = "<h1>" + message + "h1>";67 $("#dvtalk").append(talk);89 } //end regist the client function1011 } //end of the initfunction这个时候客户端B接收到消息,用Js的方法显示出来消息. 一次通话就完成了.<————二,客户端传递参数给服务端并从服务端得到返回值:————>前端代码:1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>title> 5  6  7 <script src="Scripts/jquery-1.10.2.min.js">script> 8  9 <script src="Scripts/jquery.signalR-2.0.2.js">script> 10  11 <script src='signalr/hubs'>script> 12  13 <script type='text/javascript'> 14 15 16 $(function () { 17 // Declare a proxy to reference the hub. 18 var chat = $.connection.ViewDataHub; 19 20 21 //init the client function 22 init(chat); 23 24 25 $("#btnclick").click(function () { 26 //Response the information 27 $.connection.hub.start().done(function () { 28 chat.server.hello($("#txttalk").val()).done(function (res) { 29 var talk = "12345678910111213141516171819202122232425262728291 <!DOCTYPE html>2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <title>title>5 6 7 <script src="Scripts/jquery-1.10.2.min.js">script>8 9 <script src="Scripts/jquery.signalR-2.0.2.js">script>10 11 <script src='signalr/hubs'>script>12 13 <script type='text/javascript'>141516 $(function () {17 // Declare a proxy to reference the hub.18 var chat = $.connection.ViewDataHub;192021 //init the client function22 init(chat);232425 $("#btnclick").click(function () {26 //Response the information27 $.connection.hub.start().done(function () {28 chat.server.hello($("#txttalk").val()).done(function (res) {29 var talk = "" + res + "1" + res + ""; 30 31 $("#dvtalk").append(talk); 32 })//end of done function 33 })//the end of the $.connection 34 })//end of click function 35 36 37 38 $("#btntalk").click(function () { 39 $.connection.hub.start().done(function () { 40 chat.server.sendMessag($("#txttalk").val()); 41 $("#txttalk").val(""); 42 })//the end of the $.connection 43 44 });//btntalk end 45 46 }) 47 48 49 //init the client method 50 function init(chat) { 51 52 chat.client.talk = function (message) { 53 var talk = "12345678910111213141516171819202122232425";3031 $("#dvtalk").append(talk);32 })//end of done function33 })//the end of the $.connection34 })//end of click function35363738 $("#btntalk").click(function () {39 $.connection.hub.start().done(function () {40 chat.server.sendMessag($("#txttalk").val());41 $("#txttalk").val("");42 })//the end of the $.connection4344 });//btntalk end4546 })474849 //init the client method50 function init(chat) {5152 chat.client.talk = function (message) {53 var talk = "" + message + "1" + message + ""; 54 55 $("#dvtalk").append(talk); 56 57 } //end regist the client function 58 59 } //end of the initfunction 60 61 script> 62 head> 63 <body> 64 <div> 65 <table id="tbtoday">table> 66 <input type="text" id="txttalk" width="150"/> 67 <input type="button" id="btnclick" value="clickme" /> 68 <input type="button" id="btntalk" value="talkwithme" /> 69 <div id="dvtalk"> 70 71 div> 72 div> 73 body> 74 html>12345678910111213141516171819202122";5455 $("#dvtalk").append(talk);5657 } //end regist the client function5859 } //end of the initfunction6061 script>62 head>63 <body>64 <div>65 <table id="tbtoday">table>66 <input type="text" id="txttalk" width="150"/>67 <input type="button" id="btnclick" value="clickme" />68 <input type="button" id="btntalk" value="talkwithme" />69 <div id="dvtalk">7071 div>72 div>73 body>74 html>View Code后端代码:1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using Microsoft.AspNet.SignalR; 6 using Microsoft.AspNet.SignalR.Hubs; 7 8 namespace SignalRChat.Hubs.Data 9 { 10 [HubName("ViewDataHub")] 11 public class ViewDataHub : Hub 12 { 13 //this is just called by client and return the value for it . 14 public string Hello(string msg) 15 { 16 17 string res = "sorry ,i don't know"; 18 if (msg.Contains("hello")) 19 { 20 res = "hello ,guy"; 21 } 22 if (msg.Contains("how")) 23 { 24 res = "how are you ~"; 25 } 26 if (msg.Contains("love")) 27 { 28 res = "don't fall in love with me ~"; 29 } 30 return res; 31 } 32 33 34 35 //this fucntion will be called by client and the inside function 36 //Clients.Others.talk(message); 37 //will be called by clinet javascript function . 38 public void SendMessag(string message) 39 { 40 Clients.Others.talk(message); 41 } 42 43 } 44 }12345678910111213141516171819202122232425262728293031323334353637383940414243441 using System;2 using System.Collections.Generic;3 using System.Linq;4 using System.Web;5 using Microsoft.AspNet.SignalR;6 using Microsoft.AspNet.SignalR.Hubs;78 namespace SignalRChat.Hubs.Data9 {10 [HubName("ViewDataHub")]11 public class ViewDataHub : Hub12 {13 //this is just called by client and return the value for it .14 public string Hello(string msg)15 {1617 string res = "sorry ,i don't know";18 if (msg.Contains("hello"))19 {20 res = "hello ,guy";21 }22 if (msg.Contains("how"))23 {24 res = "how are you ~";25 }26 if (msg.Contains("love"))27 {28 res = "don't fall in love with me ~";29 }30 return res;31 }32333435 //this fucntion will be called by client and the inside function36 //Clients.Others.talk(message);37 //will be called by clinet javascript function .38 public void SendMessag(string message)39 {40 Clients.Others.talk(message);41 }4243 }44 }View Code效果图:<————三，客户端刷时时的刷新数据————>前端：1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>title> 6 <script src="https://www.huoban.com/news/zb_users/upload/2022/05/20220530210801_75510.done(function () { 20 21 $("#btnloop").click(function () { 22 chat.server.refresh().done(function (data) { 23 AppendTable(data); 24 })//done end 25 }) //btnloop end 26 27 28 $("#btnclient").click(function () { 29 chat.server.RefreshClients(); 30 }); 31 32 33 $("#btnclick").click(function () { 34 Start(); 35 }); 36 37 38 $("#btnstop").click(function () { 39 Stop(); 40 }); 41 42 }) 43 }) //$function 44 45 46 function Start() { 47 if (loopdo == null) { 48 loopdo = setInterval('$("#btnloop").click()', 1000); 49 } 50 51 } 52 53 function Stop() { 54 if (loopdo != null) { 55 clearInterval(loopdo); 56 } 57 } 58 59 function AppendTable(data) { 60 arr.length = 0; 61 arr.push(" OpendoorPriceOpentiem12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061621 <!DOCTYPE html>2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5 <title>title>6 <script src="https://www.huoban.com/news/zb_users/upload/2022/05/20220530210801_70782.").click(function () {22 chat.server.refresh().done(function (data) {23 AppendTable(data);24 })//done end25 }) //btnloop end262728 $("#btnclient").click(function () {29 chat.server.RefreshClients();30 });313233 $("#btnclick").click(function () {34 Start();35 });363738 $("#btnstop").click(function () {39 Stop();40 });4142 })43 }) //$function444546 function Start() {47 if (loopdo == null) {48 loopdo = setInterval('$("#btnloop").click()', 1000);49 }5051 }5253 function Stop() {54 if (loopdo != null) {55 clearInterval(loopdo);56 }57 }5859 function AppendTable(data) {60 arr.length = 0;61 arr.push("OpendoorPriceOpentiem"); 62 $.each(data, function (i) { 63 arr.push(" "); 64 arr.push(" " + data[i].Opendoor + "12345");62 $.each(data, function (i) {63 arr.push("");64 arr.push(" " + data[i].Opendoor + ""); 65 arr.push(" " + data[i].Price + "12");65 arr.push(" " + data[i].Price + ""); 66 arr.push(" " + data[i].Opentiem + "12");66 arr.push(" " + data[i].Opentiem + ""); 67 arr.push("12");67 arr.push(""); 68 }); 69 $("#tblist").html(arr.join("")); 70 } 71 72 function Init(chat) { 73 chat.client.myrefresh = function (data) { 74 AppendTable(data); 75 } 76 77 } 78 79 script> 80 head> 81 <body> 82 <input type="button" id="btnclick" value="Start" /> 83 84 <input type="button" id="btnloop" value="View" style="display: none" /> 85 86 <input type="button" id="btnstop" value="Stop" /> 87 88 <input type="button" id="btnclient" value="ClientAll" /> 89 <table id="tblist"> 90 table> 91 body> 92 93 94 95 html>1234567891011121314151617181920212223242526272829");68 });69 $("#tblist").html(arr.join(""));70 }7172 function Init(chat) {73 chat.client.myrefresh = function (data) {74 AppendTable(data);75 }7677 }7879 script>80 head>81 <body>82 <input type="button" id="btnclick" value="Start" />8384 <input type="button" id="btnloop" value="View" style="display: none" />8586 <input type="button" id="btnstop" value="Stop" />8788 <input type="button" id="btnclient" value="ClientAll" />89 <table id="tblist">90 table>91 body>92939495 html>View Code后端：1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using Microsoft.AspNet.SignalR; 6 using Microsoft.AspNet.SignalR.Hubs; 7 namespace MyReresh.ViewData 8 { 9 [HubName("viewDataHub")] 10 public class ViewDataHub : Hub 11 { 12 [HubMethodName("refresh")] 13 public List Refresh() 14 { 15 return Stock.GetAll(); 16 } 17 18 [HubMethodName("RefreshClients")] 19 public void RefreshClients() 20 { 21 Clients.All.myrefresh(Stock.GetAll()); 22 } 23 24 25 } 26 27 public class Stock 28 { 29 private string opendoor; 30 31 public string Opendoor 32 { 33 get { return opendoor; } 34 set { opendoor = value; } 35 } 36 37 private double price; 38 39 public double Price 40 { 41 get { return price; } 42 set { price = value; } 43 } 44 45 private DateTime opentiem = System.DateTime.Now; 46 47 public DateTime Opentiem 48 { 49 get { return opentiem; } 50 set { opentiem = value; } 51 } 52 53 54 public static List GetAll() 55 { 56 Random rand = new Random(); 57 List list = new List() 58 { 59 new Stock{Opendoor="Door1",Price=rand.NextDouble()*100}, 60 new Stock{Opendoor="Door2",Price=rand.NextDouble()*100}, 61 new Stock{Opendoor="Door3",Price=rand.NextDouble()*100} 62 }; 63 return list; 64 } 65 66 } 67 }123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566671 using System;2 using System.Collections.Generic;3 using System.Linq;4 using System.Web;5 using Microsoft.AspNet.SignalR;6 using Microsoft.AspNet.SignalR.Hubs;7 namespace MyReresh.ViewData8 {9 [HubName("viewDataHub")]10 public class ViewDataHub : Hub11 {12 [HubMethodName("refresh")]13 public List Refresh()14 {15 return Stock.GetAll();16 }1718 [HubMethodName("RefreshClients")]19 public void RefreshClients()20 {21 Clients.All.myrefresh(Stock.GetAll());22 }232425 }2627 public class Stock28 {29 private string opendoor;3031 public string Opendoor32 {33 get { return opendoor; }34 set { opendoor = value; }35 }3637 private double price;3839 public double Price40 {41 get { return price; }42 set { price = value; }43 }4445 private DateTime opentiem = System.DateTime.Now;4647 public DateTime Opentiem48 {49 get { return opentiem; }50 set { opentiem = value; }51 }525354 public static List GetAll()55 {56 Random rand = new Random();57 List list = new List()58 {59 new Stock{Opendoor="Door1",Price=rand.NextDouble()*100},60 new Stock{Opendoor="Door2",Price=rand.NextDouble()*100},61 new Stock{Opendoor="Door3",Price=rand.NextDouble()*100}62 };63 return list;64 }6566 }67 }View Code注：本次实现的所谓的时时刷新数据和官方提供的Demo有很大的差异，并不是后台代码的角度来刷新，而是从前端的角度来实现的。====>点我下载DEMO<====web前端 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。 </div> <div class="article_footer clear"> <div class="fr tag">标签：<a href="https://www.huoban.com/news/tags-7951.html">不用</a> <a href="https://www.huoban.com/news/tags-897.html">比较</a> </div> <div class="bdsharebuttonbox fl share"> <div class="share-widget fl"> <div class="social-share" data-sites="wechat,weibo, qq, qzone"></div> </div> </div> </div>  <div class="post-navigation clear"> <div class="post-previous fl"> 上一篇:<a href="https://www.huoban.com/news/post/18521.html">excel表格记忆输入功能的使用教程</a> </div> <div class="post-next fr"> 下一篇:<a href="https://www.huoban.com/news/post/18523.html">Oracle获取执行计划的方法（六脉神剑）</a> </div> </div> </div> <div class="related_article"> <div class="box_title clear"> 相关文章 </div> <div class="related_list clear"> <article class="fl"> <div class="related_img"><a href="https://www.huoban.com/news/post/75412.html"><img src="https://www.huoban.com/news/zb_users/upload/2022/08/20220819175008_70028.png"></a></div> <div class="related_detail"> <h3><a href="https://www.huoban.com/news/post/75412.html" title="两份比较文件，比较失败，怎么办">两份比较文件，比较失败，怎么办</a></h3> <div class="meta"> 503 2022-05-30 </div> </div> </article> <article class="fl"> <div class="related_img"><a href="https://www.huoban.com/news/post/75374.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/n/NzUzNzQ.jpg"></a></div> <div class="related_detail"> <h3><a href="https://www.huoban.com/news/post/75374.html" title="论文查重（论文查重怎么改才能降低重复率）">论文查重（论文查重怎么改才能降低重复率）</a></h3> <div class="meta"> 503 2022-05-30 </div> </div> </article> <article class="fl"> <div class="related_img"><a href="https://www.huoban.com/news/post/74144.html"><img src="https://www.huoban.com/news/zb_users/upload/2022/08/20220814115001_97016.png"></a></div> <div class="related_detail"> <h3><a href="https://www.huoban.com/news/post/74144.html" title="怎样核对两个表的数据（两个表格怎样核对数据）">怎样核对两个表的数据（两个表格怎样核对数据）</a></h3> <div class="meta"> 503 2022-05-30 </div> </div> </article> </div> </div>  </div> </div> <div class="sidebar"> <div id="推荐文章" class="part clear 推荐文章"> <div class="top"> <h3 class="title">推荐文章</h3> </div> <div class="side 推荐文章"><ul><ul class="hot_posts"> <li><h4><a href="https://www.huoban.com/news/post/132763.html" title="企业生产管理是什么，企业生产管理软件">企业生产管理是什么，企业生产管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136160.html" title="盘点进销存软件排行榜前十名">进盘点进销存软件排行榜前十名</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132779.html" title="进销存系统哪个简单好用？进销存系统优点">进销存系统哪个简单好用？进销存系统优点</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/133648.html" title="工厂生产管理（工厂生产管理流程及制度）">工厂生产管理（工厂生产管理流程及制度）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132780.html" title="生产管理软件，机械制造业生产管理，制造业生产过程管理软件">生产管理软件，机械制造业生产管理，制造业生产过程管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132776.html" title="进销存软件和ERP有什么区别？进销存与erp软件理解">进销存软件和ERP有什么区别？进销存与erp软件理解</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132974.html" title="进销存如何进行库存管理">进销存如何进行库存管理</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132269.html" title="excel销售订单管理系统（销售订单录入系统）">如何利用excel制作销售订单管理系统？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136946.html" title="数据库订单管理系统有哪些功能？数据库订单管理系统怎么设计？">数据库订单管理系统有哪些功能？数据库订单管理系统怎么设计？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132312.html" title="数据库订单管理系统（订单系统数据流图）">什么是数据库管理系统？</a></h4></li></ul></ul></div> </div> <div id="divPrevious" class="part clear previous"> <div class="top"> <h3 class="title">最近发表</h3> </div> <div class="side divPrevious"><ul><li><a title="掌握excel固定单元格技巧，让数据管理更高效" href="https://www.huoban.com/news/post/157761.html">掌握excel固定单元格技巧，让数据管理更高效</a></li> <li><a title="如何通过设置Excel行距提升工作表可读性和美观度" href="https://www.huoban.com/news/post/157760.html">如何通过设置Excel行距提升工作表可读性和美观度</a></li> <li><a title="掌握excel线性回归技巧助力数据分析与决策优化" href="https://www.huoban.com/news/post/157759.html">掌握excel线性回归技巧助力数据分析与决策优化</a></li> <li><a title="掌握excel如何画折线图让数据分析更高效" href="https://www.huoban.com/news/post/157758.html">掌握excel如何画折线图让数据分析更高效</a></li> <li><a title="确保Excel文档安全的有效加密策略和方法" href="https://www.huoban.com/news/post/157757.html">确保Excel文档安全的有效加密策略和方法</a></li> <li><a title="如何轻松取消Excel中的分页提升数据展示效果" href="https://www.huoban.com/news/post/157756.html">如何轻松取消Excel中的分页提升数据展示效果</a></li> <li><a title="在Excel中锁定表头的简单步骤如何提升数据管理效率？" href="https://www.huoban.com/news/post/157755.html">在Excel中锁定表头的简单步骤如何提升数据管理效率？</a></li> <li><a title="Excel制作柱状图的简单步骤和实用技巧" href="https://www.huoban.com/news/post/157753.html">Excel制作柱状图的简单步骤和实用技巧</a></li> <li><a title="掌握Excel绝对引用技巧，轻松提升数据处理效率" href="https://www.huoban.com/news/post/157752.html">掌握Excel绝对引用技巧，轻松提升数据处理效率</a></li> <li><a title="掌握excel如何批量查找以提升工作效率的实用技巧" href="https://www.huoban.com/news/post/157751.html">掌握excel如何批量查找以提升工作效率的实用技巧</a></li> </ul></div> </div> <div id="sidebar_ad" class="part clear sidebar_ad"> <div class="part sidebar_ad"><div class="active"><a href='https://mrhnug.r.huobanbot.com/wxwork/pub/landings/426?app_id=1960&company_id=54&corp_id=wwbd4b7b6e7b0ccdaa&app_company_id=1' target='_blank'><img style='width:100%;height:100%' src='https://www.huoban.com/news/zb_users/upload/2023/08/erwei3.jpg'></a> <a href='https://www.huoban.com/crm.html?utm=jiasouadv' target='_blank'><img style='width:100%;height:100%' src='https://www.huoban.com/news/zb_users/upload/2023/03/20230321171645167939020583758.png'></a> </div></div> </div> <div id="hot_posts" class="part clear hot_posts"> <div class="top"> <h3 class="title">热评文章</h3> </div> <ul class="hot_posts"><li><h4><a href="https://www.huoban.com/news/post/104011.html" title="零代码开发是什么？2022低代码平台排行榜">零代码开发是什么？2022低代码平台排行榜</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/131019.html" title="智能进销存库存管理系统（智慧进销存）">智能进销存库存管理系统（智慧进销存）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/73907.html" title="在线文档哪家强？8款在线文档编辑软件推荐">在线文档哪家强？8款在线文档编辑软件推荐</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/102663.html" title="WPS2016怎么绘制简单的价格表?">WPS2016怎么绘制简单的价格表?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/76010.html" title="用在线电子表格，居家办公更轻松">用在线电子表格，居家办公更轻松</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/148830.html" title="定制订单管理系统（为特定需求定制的订单管理系统）">定制订单管理系统（为特定需求定制的订单管理系统）</a></h4></li></ul> </div> <div id="divLinkage" class="part clear link"> <div class="top"> <h3 class="title">友情链接</h3> </div> <div class="side divLinkage"><ul><li class="link-item"><a href="https://www.huoban.com/" target="_blank" title="伙伴云">伙伴云</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-19.html" title="进销存管理">进销存管理</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-3.html" title="低代码">低代码</a></li><li class="link-item"><a href="https://www.huoban.com/news/tags-12.html" target="_blank" title="Excel表格">Excel表格</a></li></ul></div> </div> </div> </div> </section> </div> <footer class="p-footer"> <div class="contant_box"> <div class="discover_tmt"> <h5 class="">伙伴云</h5> <div class="text_box"> <a href="https://jiasou.cn/" title="2B数字化营销SEO">加搜toBSEO</a> <a href="https://www.finclip.com/news/category-1.html" title="小程序工具">前端框架</a> <a href="https://www.jia-ai.com/info/" title="小红书营销攻略">小红书营销攻略</a> <a href="https://www.yanyin.tech/cms/" title="生物研究资讯">生物研究资讯</a> </div> </div> <div class="collaboration_box"> </div> <div class="we_img_box clear"> <div class="img_box"> <img src="https://www.huoban.com/news/zb_users/theme/zblog5_news/image/ewm.png" alt="" class="hover_tmt"> </div> </div> </div> <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">京ICP备12038259号</a> <a href="#"></a> </footer> <div id="backtop" class="backtop"> <div class="bt-box top"> </div> </div> <script charset="UTF-8" src="https://www.huoban.com/assets/js/sensorsdata.1.22.2.min.js"></script> <script charset="UTF-8"> var sensors = window['sensorsDataAnalytic201505']; sensors.init({ server_url: 'https://saapi.huoban.com/sa?project=production', heatmap:{scroll_notice_map:'not_collect'}, use_client_time:true, send_type:'beacon' }); sensors.quick('autoTrack'); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6444c045836d6bf27124085a4f62c2a8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (()=>{const e="https://analyze.jiasou.cc/api/v1/page_view/report/",n="9fe06d4884e0461caaa1de5651164d43";let t=null;const o=new Proxy({},{get:(e,n)=>localStorage.getItem(window.btoa(n)),set:(e,n,t)=>!!t&&(localStorage.setItem(window.btoa(n),t),!0)});new Promise((t=>{if(o.fingerprint)t();else{const a=function(){var e={};if(e.userAgent=navigator.userAgent||"",e.plugins=[],navigator.plugins&&navigator.plugins.length>0)for(var n=0;n<navigator.plugins.length;n++){var t={name:navigator.plugins[n].name||"",filename:navigator.plugins[n].filename||"",description:navigator.plugins[n].description||""};e.plugins.push(t)}e.languages=navigator.languages||[navigator.language||""],e.timezone=(new Date).getTimezoneOffset(),e.screenResolution={width:window.screen.width||0,height:window.screen.height||0,pixelDepth:window.screen.pixelDepth||0,colorDepth:window.screen.colorDepth||0};var o=document.createElement("canvas").getContext("2d"),a=[],i=["monospace","sans-serif","serif"];for(n=0;n<i.length;n++){var r=i[n];o.font="12px "+r,o.measureText("abcdefghijklmnopqrstuvwxyz0123456789").width>0&&a.push(r)}return e.fonts=a,e.cookieEnabled=navigator.cookieEnabled||!1,e.localStorage=void 0!==window.localStorage,e.sessionStorage=void 0!==window.sessionStorage,e.doNotTrack="1"===navigator.doNotTrack||"1"===window.doNotTrack||"1"===navigator.msDoNotTrack||"yes"===navigator.doNotTrack,e}();fetch(`${e}u/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:n,f:window.btoa(JSON.stringify(a))})}).then((e=>{console.debug("browser fingerprint sent"),200===e.status&&e.json().then((e=>{console.debug("browser fingerprint received",e),o.fingerprint=e.fp,t()}))}))}})).then((()=>{e&&o.fingerprint&&fetch(e+`?${new URLSearchParams({token:n}).toString()}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({c:window.btoa(JSON.stringify({u:o.fingerprint,l:window.location.href,r:document.referrer}))})}).then((e=>{200==e.status&&e.json().then((e=>{e.track_id&&(t=e.track_id)}))}))})),window.addEventListener("beforeunload",(async n=>{t&&fetch(e+`?${new URLSearchParams({track_id:t}).toString()}`,{method:"GET",headers:{"Content-Type":"text/plain"},keepalive:!0}),n.returnValue=""}))})(); </script><script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/index.js?id=213"></script> <script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script> </body> </html>