[发明专利]一种web应用界面可视化实现方法、系统、设备及应用

说明书

本发明属于物联网应用技术领域，公开了一种web应用界面可视化实现方法、系统、设备及应用，所述web应用界面可视化实现方法基于html网页，根据用户自定义配置设备展示的属性，前端通过ajax/axios动态请求后台云端数据库，查询各类设备相关的数据并封装，以json格式返回给前端展示。所述web应用界面可视化实现系统包括：web应用系统；设备；云端数据库；web应用系统后台。本发明的web应用系统前端通过图形化组件以可视化的方式动态立体的展示各类设备相关信息，更直观将信息展示给用户。用户可以轻松获取各类设备的地理位置，运行状态，告警信息等，有效提升用户对设备信息的感知和设备的管控能力。

技术领域

本发明属于物联网应用技术领域，涉及一种web应用界面可视化实现方法、系统、设备及应用。尤其涉及到web项目中物联网设备界面可视化显示的前后端实现方法及系统。

背景技术

随着计算机物联网技术的发展，BS(Browser/Server，浏览器/服务器模式)架构和web应用的广泛使用。越来越多的设备连接上了服务器，用户习惯了随时随地通过浏览器页面进入web系统对设备进行管理；通过客户端对设备进行远程操控。随着设备数量及种类的不断增加，如何让管理员更好，更轻松的在客户端管理这些各式各样的设备，是对当下互联网技术人提出的一个更高的要求。

现在主流的物联网应用系统中，联网的设备在管理页面中主要是以列表的方式展示。而且不管BS(Browser/Server)还是CS(Client/Server)架构，很多设备管理系统是一类设备对应一个独立系统。如梯控设备对应梯控系统，人脸机设备对应人脸机系统，门禁锁对应锁系统，摄像机又是单独的摄像机管理系统。

对于一个综合性的应用场景，过多的系统不管是对用户管理设备，还是运维人员对系统的维护来说，都是难以接受的。况且各个系统展示的信息不集中，无法对设备进行统筹管理，展示的信息不够直观，设备相关信息展示没有主次之分，无法突出重点信息。管理员对设备信息查询比较繁琐，对设备管理费时费力，对系统的运维成本更是居高不下。

通过上述分析，现有技术存在的问题及缺陷为：

(1)现有综合性的应用场景的各个系统展示的信息不集中，无法对设备进行统筹管理，展示的信息不够直观，设备相关信息展示没有主次之分，无法突出重点信息。

(2)管理员对设备信息查询比较繁琐，对设备管理费时费力，对系统的运维成本很高。

解决以上问题及缺陷的难度为：不同种类的设备与服务器通信有不同的通信协议。后台服务器需要兼容各类设备的通信协议，与各种型号不同协议的设备进行对接，接收采集其数据，并能向不同种类设备发送不同控制命令。而且每一类设备属性不同，服务器接收信息后需要做复杂的业务处理，并将信息整合返回前端页面呈现给用户。

解决以上问题及缺陷的意义为：将不同种类设备有机统一管理起来，并以可视化的方式将各种类设备相关信息呈现出来。极大的方便了用户对设备的信息的获取，有效的提升用户对设备的管理效率，可随时随地对设备进行管控，显著降低运维成本。

发明内容

针对现有技术存在的问题，本发明提供了一种web应用界面可视化实现方法、系统、设备及应用。

本发明是这样实现的，一种web应用界面可视化实现方法，所述web应用界面可视化实现方法基于html网页，根据用户自定义配置设备展示的属性，前端通过ajax/axios动态请求后台云端数据库，查询各类设备相关的数据并封装，以json格式返回给前端展示。

进一步，所述web应用界面可视化实现方法具体包括：

第一步，web应用系统将用户配置需要显示的设备信息保存到云端数据库；将设备相关信息保存到数据库，待设备与服务器建立通信后，可实时接收设备信息保存更新。