SignalR2简易数据看板演示

最新推荐文章于 2026-05-06 11:29:45 发布

原创

最新推荐文章于 2026-05-06 11:29:45 发布 · 730 阅读

收录于

当前文章被以下社区和专栏收录：

使用SignalR2在VS2015和.NET4.5环境下创建了一个简单的实时更新柱状图的MVC项目。通过创建SignalR集线器、服务类和API控制器，实现了点击按钮时柱状图数值动态增加并实时同步到多个客户端的效果。详细步骤包括集线器、服务类和API控制器的创建，以及视图的实现。提供了GitHub源码链接。

软件环境：

1、vs2015、windows7、.net4.5

演示说明：

当点击按钮的时候，柱状图数值加1并实时变化

1、首先打开vs2015创建一个mvc项目，并安装SignalR2，具体操作可参见：http://net-yuan.com/Article/Detail/e407a472-338a-458d-9d7a-4a9e43fd2da5

2、右键项目，新建文件夹，命名为Hubs，添加命名为ChartHub的SignalR集线器类

3、右键项目，新建文件夹，命名为Services，添加命名为ChartService的新类

4、ChartService类中创建一个方法NotifyUpdates，代码如下：

public async Task NotifyUpdates()
        {
            var hubContext = GlobalHost.ConnectionManager.GetHubContext<ChartHub>();
            if (hubContext != null)
            {
                var stats = await this.
GetCount();
                hubContext.Clients.All.updateChart(stats);
            }
        }

5、再创建两个方法，分别模拟获取计数和增长计数的过程，实际中，可以从数据库查询和数据写入数据库。