实时数据显示--SignalR实例演示 数据实时展示平台
qiyuwang 2024-12-20 18:16 17 浏览 0 评论
近段时间，有实现一个看板的功能，就是用户更新信息时，即是对数据库的数据进行插入，更新，或是删除时，在墙上的屏幕的数据不需要人为去刷新，用户就能看到更新后的数据。
实现此功能，Insus.NET使用SignalR的技术来实现。下面的实例中，虽然不是实际的数据，但是实现过程是一样的，现在分享给大家学习学习......
在项目中安装SignalR：
上图中，把绿色对钩的组件均选择安装。
安装完成，你看到一个readme.txt文件：
此你应该知道它在说什么。看了，在App_Start目录中，创建一个类，类名为Startup:
接下来，我们需要在Global.asax.cs的Application_Start和Application_End方法中，添加下面高亮的2行代码：
当然你的Web.config的配置文件中，还得添加真正的MS SQL Server连接语句。
TableB model:
现在，在项目录中，创建一个SignalR目录，我们就可以在这个目录中添加Hub类了：
所有客户端使用的方法名，均使用驼峰写法，小写开头。
现在，我们需要实现去数据库获取数据，当数据库的数据变化时，客户端也能实时显示：
上图中的蓝色箭头的Hub的方法，即是再前一张图中的Show方法(#17行代码)。另外有关SqlDependency类，可以查阅MSDN的网站。
在MVC的项目的控制器中，我们创建2个Action操作：
创建视图，参考下面的步骤：
上面#3和#4是一样。在ASP.NET MVC 4.0之后，可以使用~/signalr/js，不过在新版的.NET是，使用#3的写法还是行的。
另外引用js的顺序有讲究。先引用jQuery，再引用SignalR的，再引用#3或#4。
上面标记#6的js代码，参考下面：
上面标记#7的样式代码：
table {
border-collapse: collapse;
border: solid #999;
border-width: 1px 0 0 1px;
}
table caption {
font-size: 14px;
font-weight: bolder;
}
table th, table td {
border: solid #999;
border-width: 0 1px 1px 0;
padding: 2px;
}
tfoot td {
text-align: center;
}Source Code
下面是实时演示，Insus.NET有使用几个浏览器Edge,IE,Firefox,Chrome，并在数据库进行添加记录，修改数据和删除数据，所有客户端均能实时显示：
相关推荐
- 基于Docker方式安装与部署Camunda流程引擎
-
1Camunda简介官网：https://docs.camunda.org/manual/7.19/installation/docker/Camunda是一个轻量级、开源且高度灵活的工作流和决策自...
- 宝塔Linux面板如何部署Java项目?（宝塔面板 linux）
-
通过宝塔面板部署Java还是很方便的，至少不需要自己输入tomcat之类的安装命令了。在部署java项目前，我还是先说下目前的系统环境，如果和我的系统环境不一样，导致部署不成功，那你可能需要去找其他资...
- 浪潮服务器如何用IPMI安装Linux系统
-
【注意事项】此处以浪潮服务器为例进行演示所需使用的软件：Chrome浏览器个人PC中需要预先安装java，推荐使用jdk-8u181-windows-x64.exe【操作步骤】1、在服务器的BIOS中...
- Centos7环境Hadoop3集群搭建（hadoop集群环境搭建实验报告）
-
由于项目需要存储历史业务数据，经过评估数据量会达到100亿以上，在原有mongodb集群和ES集群基础上，需要搭建Hbase集群进行调研，所以首先总结一下Hadoop集群的搭建过程。一、三个节点的集群...
- Hadoop高可用集群搭建及API调用（hadoop高可用原理）
-
NameNodeHA背景在Hadoop1中NameNode存在一个单点故障问题，如果NameNode所在的机器发生故障，整个集群就将不可用(Hadoop1中虽然有个SecorndaryNameNo...
- 使用Wordpress搭建一个属于自己的网站
-
现在开源的博客很多，但是考虑到wordpress对网站的seo做的很好，插件也多。并且全世界流量排名前1000万的网站有33.4%是用Wordpress搭建的！所以尝试用Wordpress搭建一个网站...
- Centos 安装 Jenkins（centos 安装ssh）
-
1、Java安装查看系统是否已安装Javayumlistinstalled|grepjava...
- Java教程:gitlab-使用入门（java中的git）
-
1导读本教程主要讲解了GitLab在项目的环境搭建和基本的使用，可以帮助大家在企业中能够自主搭建GitLab服务，并且可以GitLab中的组、权限、项目自主操作...
- Dockerfile部署Java项目（docker部署java应用）
-
1、概述本文主要会简单介绍什么是Docker，什么是Dockerfile，如何安装Docker，Dockerfile如何编写，如何通过Dockerfile安装jar包并外置yaml文件以及如何通过do...
- 如何在Eclipse中搭建Zabbix源码的调试和开发环境
-
Zabbix是一款非常优秀的企业级软件，被设计用于对数万台服务器、虚拟机和网络设备的数百万个监控项进行实时监控。Zabbix是开放源码和免费的，这就意味着当出现bug时，我们可以很方便地通过调试源码来...
- Java路径-02-Java环境配置（java环境搭建及配置教程）
-
1Window环境配置1.1下载...
- 35.Centos中安装python和web.py框架
-
文章目录前言1.Centos7python：2.Centos8python：3.进行下载web.py框架然后应用:4.安装好之后进行验证:5.总结:前言...
- 《我的世界》服务器搭建（我的世界服务器如何搭建）
-
1.CentOS7环境1.1更改YUM源#下载YUM源文件curl-o/etc/yum.repos.d/CentOS-Base.repohttps://mirrors.aliyun.com...
- CentOS 7 升级 GCC 版本（centos7.4升级7.5）
-
1.GCC工具介绍GCC编译器：...
- Linux安装Nginx详细教程（linux安装配置nginx）
-
环境准备1.因为Nginx依赖于gcc的编译环境，所以，需要安装编译环境来使Nginx能够编译起来。命令：yuminstallgcc-c++显示完毕，表示安装完成：2.Nginx的http模块需要...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 基于Docker方式安装与部署Camunda流程引擎
- 宝塔Linux面板如何部署Java项目?（宝塔面板 linux）
- 浪潮服务器如何用IPMI安装Linux系统
- Centos7环境Hadoop3集群搭建（hadoop集群环境搭建实验报告）
- Hadoop高可用集群搭建及API调用（hadoop高可用原理）
- 使用Wordpress搭建一个属于自己的网站
- Centos 安装 Jenkins（centos 安装ssh）
- Java教程:gitlab-使用入门（java中的git）
- Dockerfile部署Java项目（docker部署java应用）
- 如何在Eclipse中搭建Zabbix源码的调试和开发环境
- 标签列表
-
- navicat无法连接mysql服务器 (65)
- 下横线怎么打 (71)
- flash插件怎么安装 (60)
- lol体验服怎么进 (66)
- ae插件怎么安装 (62)
- yum卸载 (75)
- .key文件 (63)
- cad一打开就致命错误是怎么回事 (61)
- rpm文件怎么安装 (66)
- linux取消挂载 (81)
- ie代理配置错误 (61)
- ajax error (67)
- centos7 重启网络 (67)
- centos6下载 (58)
- mysql 外网访问权限 (69)
- centos查看内核版本 (61)
- ps错误16 (66)
- nodejs读取json文件 (64)
- centos7 1810 (59)
- 加载com加载项时运行错误 (67)
- php打乱数组顺序 (68)
- cad安装失败怎么解决 (58)
- 因文件头错误而不能打开怎么解决 (68)
- js判断字符串为空 (62)
- centos查看端口 (64)