【技术实现步骤摘要】
本专利技术涉及电数字数据处理的，特别涉及一种基于vue的中控数据显示系统。
技术介绍
1、随着社会的不断发展，信息交流和沟通变得愈加频繁和重要，不同的场景下，多种设备的应用变得更为常见，包括但不限于工作场合、工作监控场合等，多种设备的应用除了带来便利外，也同时带来了繁琐操作的问题。在这种情况下，中控系统应运而生。
2、中控系统是指对声、光、电等各种设备进行集中控制的设备。它应用于多媒体教室、多功能会议厅、指挥控制中心、智能化家庭等。当把几个独立的中控系统连接后，还可以搭建网络化的中央控制系统，进而实现资源共享、影音互传和相互监控。
3、当前中控系统已经开始在展厅等一些大型场所进行利用，其通过一个终端实现控制场所的各个部分的需求。然而，当前的中控系统还存在一些应用弊端，如只能适合大众化的中控功能，在定制化方面可拓展性差，不适合于多场景化业务的控制。
4、进一步地，显示界面作为一个中控系统的重要组成部分，在之前的前端开发开中主要通过vuex和localstorage存储一些共享数据，这两者都存在一定的缺点：
5、vuex会随着vue的生命周期而销毁，即，当页面刷新后数据将会被销毁，使得数据不能长期的保存；
6、localstorage中的数据虽然在页面刷新时不会被销毁，但是不具备响应式特性，当数据更新后，使用此数据的组件无法自动的获取到最新的数据，导致共享数据无法实时在前端进行更新。
技术实现思路
1、本专利技术解决了现有技术
2、本专利技术所采用的技术方案是，一种基于vue的中控数据显示系统，所述系统包括基于vue搭建的显示界面，配合所述系统设有一中间服务接口和若干用户设备；
3、任一用户设备的应用运行后，通过中间服务接口接入所述显示界面，显示界面展示、控制接入的用户设备；
4、所述系统的显示界面配置响应式共享数据存储方法，用于实时获取共享数据的内容并对显示界面进行更新。
5、优选地，所述中间服务接口基于egg.js搭建，所述用户设备基于electron搭建并打包为显示界面的桌面应用。
6、优选地，任一所述用户设备注册信息于中间服务接口；中间服务接口更新用户设备的列表至显示界面，用户设备上传对应需要展示的文件。
7、优选地，显示界面点击对应任一用户设备的控制组件，通过websocket发送控制信息，对应的用户设备接收消息并处理控制内容。
8、优选地，所述响应式共享数据存储方法为以本地存储器为一vue全局实例，作为响应式组件。
9、优选地，所述响应式共享数据存储方法中，构建监听数据模块并实时对值进行赋值，vue全局实例接收到值并传给实例的监听方法，对本地存储器内存储的值进行改变；通过监听数据直接获取vue全局实例中最新的值完成对data值的监听。
10、优选地，监听数据模块赋值时，对本地存储器的token值进行更新。
11、优选地，配合所述显示界面设有若干分屏区域，对应任一分屏区域设有区域编码；任一用户设备的应用运行后，中间服务接口进行验证，验证通过后向系统发起问询，系统存在空的分屏区域则通过中间服务接口返回区域编码，用户设备以id和区域编码的组合接入显示界面。
12、优选地，配合分屏区域设有预设的展示框架，用户设备对应所述展示框架上传一种或多种类型文件。
13、优选地，若不存在空的分屏区域，则基于预设规则配置任一分屏区域为列表显示，对分屏区域的待接入用户设备进行重新配置。
14、本专利技术涉及一种基于vue的中控数据显示系统，包括基于vue搭建的显示界面，配合所述系统设有一中间服务接口和若干用户设备；任一用户设备的应用运行后，通过中间服务接口接入所述显示界面，显示界面展示、控制接入的用户设备；所述系统的显示界面配置响应式共享数据存储方法，用于实时获取共享数据的内容并对显示界面进行更新。
15、本专利技术的有益效果在于：
16、（1）通过中间服务接口和用户设备的对接，实现根据不同业务场景进行显示界面的搭建，定制化程度高；
17、（2）使得共享数据可以长期存储的同时还可以实时监控、便于监听，进而实现实时根据共享数据对页面视图进行更新。
本文档来自技高网...【技术保护点】
1.一种基于VUE的中控数据显示系统，其特征在于：所述系统包括基于VUE搭建的显示界面，配合所述系统设有一中间服务接口和若干用户设备；
2.根据权利要求1所述的一种基于VUE的中控数据显示系统，其特征在于：所述中间服务接口基于egg.js搭建，所述用户设备基于electron搭建并打包为显示界面的桌面应用。
3.根据权利要求2所述的一种基于VUE的中控数据显示系统，其特征在于：任一所述用户设备注册信息于中间服务接口；中间服务接口更新用户设备的列表至显示界面，用户设备上传对应需要展示的文件。
4.根据权利要求2或3所述的一种基于VUE的中控数据显示系统，其特征在于：显示界面点击对应任一用户设备的控制组件，通过WebSocket发送控制信息，对应的用户设备接收消息并处理控制内容。
5.根据权利要求1所述的一种基于VUE的中控数据显示系统，其特征在于：所述响应式共享数据存储方法为以本地存储器为一VUE全局实例，作为响应式组件。
6.根据权利要求5所述的一种基于VUE的中控数据显示系统，其特征在于：所述响应式共享数据存储方法中，
7.根据权利要求6所述的一种基于VUE的中控数据显示系统，其特征在于：监听数据模块赋值时，对本地存储器的token值进行更新。
8.根据权利要求1所述的一种基于VUE的中控数据显示系统，其特征在于：配合所述显示界面设有若干分屏区域，对应任一分屏区域设有区域编码；任一用户设备的应用运行后，中间服务接口进行验证，验证通过后向系统发起问询，系统存在空的分屏区域则通过中间服务接口返回区域编码，用户设备以ID和区域编码的组合接入显示界面。
9.根据权利要求8所述的一种基于VUE的中控数据显示系统，其特征在于：配合分屏区域设有预设的展示框架，用户设备对应所述展示框架上传一种或多种类型文件。
10.根据权利要求8所述的一种基于VUE的中控数据显示系统，其特征在于：若不存在空的分屏区域，则基于预设规则配置任一分屏区域为列表显示，对分屏区域的待接入用户设备进行重新配置。
...【技术特征摘要】
1.一种基于vue的中控数据显示系统，其特征在于：所述系统包括基于vue搭建的显示界面，配合所述系统设有一中间服务接口和若干用户设备；
2.根据权利要求1所述的一种基于vue的中控数据显示系统，其特征在于：所述中间服务接口基于egg.js搭建，所述用户设备基于electron搭建并打包为显示界面的桌面应用。
3.根据权利要求2所述的一种基于vue的中控数据显示系统，其特征在于：任一所述用户设备注册信息于中间服务接口；中间服务接口更新用户设备的列表至显示界面，用户设备上传对应需要展示的文件。
4.根据权利要求2或3所述的一种基于vue的中控数据显示系统，其特征在于：显示界面点击对应任一用户设备的控制组件，通过websocket发送控制信息，对应的用户设备接收消息并处理控制内容。
5.根据权利要求1所述的一种基于vue的中控数据显示系统，其特征在于：所述响应式共享数据存储方法为以本地存储器为一vue全局实例，作为响应式组件。
6.根据权利要求5所述的一种基于vue的中控数据显示系统，其特征在于：所述响应式共享数据存储方法中，...
【专利技术属性】
技术研发人员：罗豪，师茂，李国建，
申请(专利权)人：绿城科技产业服务集团有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。