[发明专利]一种基于异步加载数据信息的屏幕展示系统和方法

权利要求书

1.一种基于异步加载数据信息的屏幕展示系统，其特征在于，该系统包括：

展示模块，其用于显示数据页面及交互结果页面；

搜索模块，其根据用户输入的指令在数据存储模块内进行数据搜索；

交互处理(逻辑控制)模块，其用于监控用户操作，按照设定的步骤运行用户操作并输出交互结果；

数据存储模块，其用于存储设定的数据。

2.根据权利要求1所述的屏幕展示系统，其特征在于，所述展示模块中浏览器的分辨率为1366x768～5464x1536，最好为5464x1536；

所述展示模块的展示网页使用VUE.js框架网页排版，设置有多个显示不同数据内容的展示窗口；

在网页排版中，优选使用适用多种浏览器的CSS文件设置展示页面的排版样式；

优选在展示窗口中设置有下拉选择框，选择框内设置有不同内容以供选择。

3.根据权利要求1所述的屏幕展示系统，其特征在于，

不同展示窗口内展示的数据信息存储于数据库中与该展示窗口内容类别相同命名的文件夹中；

同一个展示窗口中，与选择框对应的数据信息以子文件夹的方式存储于数据库中与展示窗口内容类别相同命名的文件夹中；

优选服务器或后台根据设定的计算方法计算数据时通过设置多个过滤条件获取数据存储模块中的数据，以减少数据占用资源；

所述数据存储模块为关系型数据库存储数据，优选为Oracle、MySQL或SQL Server。

4.根据权利要求2所述的屏幕展示系统，其特征在于，

所述交互模块使用Restful API进行交互；

优选使用VUE.js框架中的Canvas技术使展示窗口内的数据信息以设定的速度循环上移；和/或，

使用VUE.js框架中的JavaScript技术捕获鼠标的位置，当用户移动鼠标至设定元素上时，通过canvas技术使该元素所在的图形或表格产生动画效果；和/或，

使用JavaScript技术捕获鼠标移动至设定元素上时，浏览器通过html文件获取所述元素对应的数据信息，并通过canvas技术将该数据信息展示于展示模块上。

5.根据权利要求1所述的屏幕展示系统，其特征在于，进入所述异步加载数据信息展示系统时，首先进入展示模块中设定的默认页面；

在该默认页面中首先显示出缓存中的数据，自通过线程读取后台数据库中的数据，并在已显示的默认页面上进行数据的更新显示。

6.根据权利要求5所述的屏幕展示系统，其特征在于，

所述搜索模块为搜索引擎，优选使用选自ElasticSearch、SOLR、Hbase或MySQL中的任一种；

通过在默认展示页面中设置搜索框，用户通过搜索框输入待搜索信息的关键词。

7.一种使用权利要求1-6之一所述系统的基于异步加载数据信息的屏幕展示方法，所述方法包括以下步骤：

1)用户登录/进入屏幕展示系统后在展示模块中显示设置的默认页面，该默认页面中首先显示出最近一次进入该系统时展示的内容；

2)以异步加载的方式，通过线程建立与后台服务器的链接，逐步向默认页面中载入所需的最新数据；并展示模块展示获取的数据。

8.根据权利要求书7所述的展示方法，其特征在于，

在步骤2)中，

在展示模块中，设定页面的浏览器通过接口向交互处理模块特别是Restful API发起异步加载数据的请求；

交互模块收到异步加载数据的请求后，启动一个独立的线程从数据存储模块特别是数据库中请求数据，根据数据的时间属性搜索最新时间的数据；

当请求到数据后，线程将数据传送给前端展示模块，优选为浏览器，特别是浏览器的html文件；

前端浏览器特别是浏览器的html文件接收数据后刷新数据，显示更新后的数据。

9.根据权利要求书7或8所述的展示方法，其特征在于，

用户在搜索模块的搜索框内输入关键字后，浏览器通过JavaScript技术捕获鼠标的点击事件和键盘的输入事件，并将获取的关键字传输给后台服务器，服务器与数据库的接口建立链接，在数据库中检索与该关键字匹配的数据，并通过展示模块的浏览器展现出来。