CN112464120A - 数据可视化展示方法、装置、电子设备及存储介质 - Google Patents
数据可视化展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112464120A CN112464120A CN202011353557.5A CN202011353557A CN112464120A CN 112464120 A CN112464120 A CN 112464120A CN 202011353557 A CN202011353557 A CN 202011353557A CN 112464120 A CN112464120 A CN 112464120A
- Authority
- CN
- China
- Prior art keywords
- interface
- control
- data
- browser
- configuration
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000013079 data visualisation Methods 0.000 title claims abstract description 32
- 230000001960 triggered effect Effects 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 8
- 238000004806 packaging method and process Methods 0.000 claims description 3
- 230000000007 visual effect Effects 0.000 abstract description 20
- 238000007726 management method Methods 0.000 description 32
- 230000008569 process Effects 0.000 description 13
- 238000011161 development Methods 0.000 description 6
- 230000018109 developmental process Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 230000005540 biological transmission Effects 0.000 description 4
- 239000002699 waste material Substances 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000737 periodic effect Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000033772 system development Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q40/00—Finance; Insurance; Tax strategies; Processing of corporate or income taxes
- G06Q40/08—Insurance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- Technology Law (AREA)
- General Business, Economics & Management (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种数据可视化展示方法、装置、电子设备及存储介质,涉及数据展示技术领域,该方法包括:从浏览器的配置界面获取待展示的目标界面的控件配置信息;接收通过配置界面发布的定时任务;在定时任务到达触发时间时,根据控件配置信息中的数据地址从目标系统获取控件数据;将控件属性和控件数据存储在第一数据库中;在接收到浏览器的数据请求时,将第一数据库中的控件属性和控件数据发送至浏览器,以通过浏览器根据控件属性和控件数据在显示屏上展示目标界面。能够实现自定义配置,无需重复开发系统,能够提高数据可视化展示时的稳定性。
Description
技术领域
本申请涉及数据展示技术领域,具体而言,涉及一种数据可视化展示方法、装置、电子设备及存储介质。
背景技术
随着社会信息化的快速增长,由于市场的需求,在信息的选择以及展示方面,越来越多的企业及用户对数据信息进行数据可视化的展示。数据可视化是关于数据视觉表现形式的科学技术研究,允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释。数据的可视化处理能够更加直观、清楚的显示出需要被展出的数据包含的信息,也能对数据的展示进行选择和高效的处理分析,有助于用户了解、管理可视化的数据信息。
在一些企业方面,例如保险公司等,对数据的可视化展示需求较大,各个部门经常有数据可视化展示的需求,目的是通过图形界面展示的数据了解部门业务展开的情况,便于定制对应的业务方案。目前,由于企业内不同业务部门展示的数据和界面都是不同的,所以企业中通常都是各自开发一个系统对各自对应的数据进行展示,重复开发系统在人力、物力以及时间上都会产生大量多余的耗费,而且在数据可视化展示时通过外接系统获取的数据因为网络质量的影响可能并不稳定。因此,需要一种方法来解决这些问题。
发明内容
有鉴于此,本申请实施例的目的在于提供一种数据可视化展示方法、装置、电子设备及存储介质,以改善现有技术中需要重复开发系统带来的研发资源的浪费问题以及数据不稳定的问题。
为了解决上述问题,第一方面,本申请实施例提供了一种数据可视化展示方法,应用于系统后台服务器,所述方法包括:
从浏览器的配置界面获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;
接收通过所述配置界面发布的定时任务;
在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统获取控件数据;
将所述控件属性和所述控件数据存储在第一数据库中;
在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在显示屏上展示所述目标界面。
在上述实现过程中,首先,系统后台服务器从浏览器的配置界面中获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;然后在所述系统后台服务器接收到用户通过所述配置界面发布的定时任务,并在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统中获取控件数据,并将所述控件属性和所述控件数据存储在第一数据库中,系统后台服务器在接收到所述浏览器发来的数据请求时,将所述第一数据库中存储的所述控件属性和所述控件数据发送到所述服务器中,通过所述浏览器根据所述控件属性和所述控件数据在大屏上进行数据可视化展示。通过上述方法能够根据用户配置的控件属性和数据进行可视化展示,实现自定义配置,无需重复开发系统,并且通过定时任务的方式获取数据并预先存储在数据库,能够在目标系统为时,避免从第三方系统直接获取数据时由于网络质量问题导致的数据不稳定问题,因此能够提高数据可视化展示时的稳定性。
可选地,在所述从浏览器的配置界面获取待展示的目标界面的控件配置信息之后,所述方法还包括:
将所述控件配置信息保存至第二数据库;
在接收到所述配置界面发布的所述定时任务时,从所述第二数据库获取所述控件配置信息;其中,所述第一数据库为缓存数据库,第二数据库为MySQL数据库。
在上述实现过程中,后台服务器从浏览器的配置界面获取目标界面的控件配置信息后将控件配置信息存储在MySQL数据库中,待接收到用户通过配置界面发布的定时任务时,从MySQL数据库中读取控件配置信息中的数据地址,并按照数据地址从目标系统中获取的控件数据,然后将控件属性和控件数据存储于缓存数据库,在接收到所述浏览器的数据请求时,将存储的所述控件属性和所述控件数据发送给所述浏览器供浏览器进行渲染以在大屏上进行数据可视化展示。采用缓存数据库保存控件属性和控件数据能够保证数据的传输速度及传输效率,从而保证所述浏览器从提取数据的过程稳定,以保证数据可视化展示时的稳定性,不受目标系统的延迟影响。因此,通过对所述控件配置信息和所述控件属性和所述控件数据进行分类保存,保证数据稳定性,提高系统性能。
可选地,所述方法还包括:
接收到界面查看指令后,通过所述浏览器展示大屏展示界面,所述大屏展示界面中展示有至少一个可在所述显示屏上显示的显示界面;
当接收到在所述大屏展示界面中的至少一个显示界面中选择第一界面的选择指令时,通过所述浏览器在所述显示屏上展示所述第一界面。
在上述实现过程中,通过展示界面向用户展示至少一个可在所述大屏显示的显示界面,供用户根据所展示的显示界面进行选择,并通过所述浏览器在所述大屏上展示用户选择的界面。能够直观的显示出可显示的所有界面,方便用户进行选择,满足用户对更多应用场景进行数据可视化展示的需求。
可选地,所述从浏览器的配置界面获取待展示的目标界面的控件配置信息,包括:
接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令;
响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置展示有至少一种可选界面,每种可选界面预先配置有对应的控件配置信息;
在所述配置界面中选定目标界面后,从所述配置界面获取所述目标界面对应的控件配置信息。
在上述实现过程中,在用户选择新建大屏时,能够通过所述浏览器展示所述配置界面,并在所述配置界面展示至少一种预先配置了控件配置信息的可选界面,以供用户可以选择所需的目标界面,并在接收到选择的目标界面后,获取预先配置的与目标界面对应的控件配置信息。能够帮助用户快速完成新建大屏的操作,提高配置效率。
可选地,所述从浏览器的配置界面获取待展示的目标界面的控件配置信息,包括:
接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令;
响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置界面用于配置控件属性和数据地址;
在通过所述配置界面配置控件属性和数据地址后,从所述配置界面获取所述控件配置信息。
在上述实现过程中,在用户选择新建大屏时,能够通过所述浏览器展示所述配置界面,以供用户在所述配置界面中配置自定义的控件属性和数据地址。能够在数据可视化的展示选择上给用户提供自定义的选项,能够满足用户展示多元化、自由化的数据展示需求。
可选地,所述控件属性包括控件的前端代码和控件配置,所述在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在所述显示屏上展示所述目标界面,包括:
在接收到所述浏览器的数据请求时,从所述第一数据库中获取所述前端代码、所述控件配置和所述控件数据;
将所述前端代码、所述控件配置和所述控件数据封装后发送至所述浏览器,以使所述浏览器根据所述前端代码、所述控件配置和所述控件数据进行渲染,并在所述显示屏上展示所述目标界面。
在上述实现过程中,系统后台服务器在接收到所述浏览器发送的数据请求时,从所述第一数据库中获取所述控件属性和所述控件数据,其中,所述控件属性包括控件的前端代码和控件配置,并对所述前端代码、所述控件配置和所述控件数据进行封装后发送至所述浏览器,所述浏览器对其进行渲染后在所述大屏上展示所述目标界面。通过第一数据库作为中转站预先缓存控件数据,能够避免从第三方系统直接获取数据时由于网络质量问题导致的数据不稳定问题,能够让浏览器获取数据时更加稳定,因此能够提高数据可视化展示时的稳定性。
可选地,所述方法还包括:
接收管理员通过所述浏览器展示的大屏管理控制台界面触发的任务管理指令;
响应于所述任务管理指令,通过所述浏览器展示任务界面,所述任务界面中展示有所有界面对应的定时任务,所述所有界面包括正在展示的界面和待展示的界面;
接收管理员针对所述任务界面中的第一定时任务触发的操作指令,所述第一定时任务为所有界面对应的定时任务中的任一定时任务,所述操作指令包括启动任务指令、停止任务指令或删除任务指令;
对所述第一定时任务执行与所述操作指令对应的操作。
在上述实现过程中,可以通过浏览器向管理员展示大屏管理控制台界面,管理员可以通过所述大屏管理控制台界面对整个系统后台服务器的任务进行管理。包括对正在展示的界面和待展示的界面的定时任务进行启动、停止或者删除等操作,能够实现对所有界面的统一化管理,对所有展示界面的定时任务进行统一的任务管理。
第二方面,本申请实施例还提供了一种数据可视化装置,应用于系统后台服务器,所述装置包括:配置获取模块、数据获取模块、存储模块和展示模块;
所述配置获取模块,用于获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;
所述数据获取模块,用于接收通过配置界面发布的定时任务,在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统获取控件数据;
所述存储模块,用于将所述控件属性和所述控件数据存储在第一数据库中;
所述展示模块,用于在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在显示屏上展示所述目标界面。
在上述实现过程中,首先,系统后台服务器从浏览器的配置界面中获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;然后在所述系统后台服务器接收到用户通过所述配置界面发布的定时任务,并在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统中获取控件数据,并将所述控件属性和所述控件数据存储在第一数据库中,系统后台服务器在接收到所述浏览器发来的数据请求时,将所述第一数据库中存储的所述控件属性和所述控件数据发送到所述服务器中,通过所述浏览器根据所述控件属性和所述控件数据在大屏上进行数据可视化展示。通过上述方法能够根据用户配置的控件属性和数据进行可视化展示,实现自定义配置,无需重复开发系统,并且通过定时任务的方式获取数据并预先存储在数据库,能够在所述目标系统为第三方系统时,避免从第三方系统直接获取数据时由于网络质量问题导致的数据不稳定问题,因此能够提高数据可视化展示时的稳定性。
第三方面,本申请实施例还提供了一种电子设备,所述电子设备包括存储器和处理器,所述存储器中存储有程序指令,所述处理器读取并运行所述程序指令时,执行上述第一方面中所述的任一实现方式中的步骤。
第四方面,本申请实施例还提供了一种可读取存储介质,所述可读取存储介质中存储有计算机程序指令,所述计算机程序指令被一处理器读取并运行时,执行上述第一方面中所述的任一实现方式中的步骤。
综上所述,本申请实施例提供的一种数据可视化展示方法、装置,电子设备及存储介质,能够根据用户配置的控件属性和数据进行可视化展示,实现自定义配置,无需重复开发系统,并且通过定时任务的方式获取数据并预先存储在数据库,能够避免从第三方系统直接获取数据时由于网络质量问题导致的数据不稳定问题,因此能够提高数据可视化展示时的稳定性。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的一种数据可视化展示方法的流程图;
图2为本申请实施例提供了一种配置信息存储方法的流程图;
图3为本申请实施例提供了另一种数据可视化展示方法的流程图;
图4为本申请实施例提供了一种控件配置信息获取方法的流程图;
图5为本申请实施例提供了另一种控件配置信息获取方法的流程图;
图6为本申请实施例提供了一种任务管理方法的流程图,该方法包括;
图7为本申请实施例提供了一种数据可视化展示装置的结构图。
具体实施方式
下面将结合本申请实施例中附图,对本申请实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本申请实施例的一部分实施例,而不是全部的实施例。基于本申请实施例的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请实施例保护的范围。
本申请实施例提供了一种数据可视化展示方法,应用于系统后台服务器,该系统后台服务器可以是单台服务器,也可以是由多个服务器构成的服务器集群。本方法各个实施例涉及的显示屏,可以是显示器,也可以是电子设备的显示屏,或者也可以是由多个显示器组成的大尺寸屏幕。上述电子设备可以是手机、个人电脑(personal computer,PC)、平板电脑、电视等具有显示功能的电子设备,下面对本申请提供的一种数据可视化展示方法进行说明。
请参阅图1,图1为本申请实施例提供的一种数据可视化展示方法的流程图,该方法可以应用于系统后台服务器,该方法可以包括以下步骤:
步骤S1,从浏览器的配置界面获取待展示的目标界面的控件配置信息。
其中,所述控件配置信息包括所述目标界面对应的控件属性和数据地址,通过上述的显示屏,所述配置界面显示在所述浏览器中,所述配置界面用于与用户实现人机交互,例如用户在所述配置界面上进行针对控件属性和数据地址配置操作后,所述配置界面获取到所述控件配置信息。
步骤S2,接收通过所述配置界面发布的定时任务。
其中,所述定时任务由用户与所述配置界面实现人机交互之后,通过配置界面向系统后台服务器发布定时任务,系统后台服务器接收定时任务后开始根据所述定时任务进行计时。可选的,所述定时任务可以为一个周期性执行的定时任务,即在定时任务到达触发时间后开始执行,并重新开始计时以在到达触发时间后再次执行,以实现对控件数据的周期性更新。
步骤S3,根据所述控件配置信息中的所述数据地址从目标系统获取控件数据。
其中,当所述定时任务到达触发时间时,根据步骤S1中获取的所述控件配置信息中的所述数据地址从目标系统获取控件数据。其中,所述定时任务中可以携带其触发的时间点,或者定时的时长,或者触发周期,示例地,定时任务可以为每一分钟触发一次,也可以为每两分钟触发一次,由用户和管理员根据数据的具体情况决定。所述目标系统可以为第三方系统,即第三方系统作为控件的数据源接口,能够实现对更多自定义数据的可视化应用,针对不同的数据时不需要重复开发系统,可以满足用户在不同情况下需求的不同来源的数据可视化需求。
步骤S4,将所述控件属性和所述控件数据存储在第一数据库中。
其中,所述第一数据库可以为缓存数据库,例如Redis(Remote DictionaryServer,即远程字典服务)数据库,Redis数据库是一个开源的使用ANSIC语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value(键-值)数据库,可以用于存储在定时任务中从所述目标系统中定时获取的所述控件属性和所述控件数据。将所述控件属性和所述控件数据存储在所述第一数据库中的目的是将所述第一数据库作为一个中转站,由于当目标系统为外接的第三方系统,第三方系统带来的网络质量问题,如网络延迟、响应时长不稳定、数据传输不稳定等问题,会直接对数据可视化的稳定性造成影响,所以先将所述控件属性和所述控件数据存储在所述第一数据库中,再从第一数据库中向浏览器提供这些数据,能够持续稳定的为所述浏览器提供所需要展示的数据,改善数据可视化的稳定性。
其中,系统后台服务器可以包括系统后台接口服务和系统后台定时任务服务,示例的,上述的步骤S1、S2和S4可以由系统后台接口服务处理,步骤S4可以由系统后台定时任务服务处理。由于系统后台服务器可以是单个服务器,也可以是由多个服务器组成的服务器集群,当系统后台服务器为服务器集群时,系统后台接口服务和系统后台定时任务服务可以部署在同一服务器上,也可以部署在不同的服务器上。
步骤S5,在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在显示屏上展示所述目标界面。
其中,在所述浏览器的下达的数据请求指令,系统后台服务器接收到所述数据请求指令时,系统后台服务器从第一数据库中读取所述控件属性和所述控件数据并发送到所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在大屏上展示所述目标界面。
示例的,该浏览器可以运行在显示屏所属的电子设备上,或者浏览器可以运行在系统后台服务器上并通过该显示屏显示,或者浏览器的前端运行在在显示屏所属的电子设备上,其后台运行在系统后台服务器上。
由此可见,通过上述实施方式,能够实现对自定义数据进行可视化展示的目的,解决了重复开发系统导致的研发资源的浪费、数据不稳定的问题,能够为用户提供多元化的、持续的、稳定的数据可视化展示。
示例地,后台系统服务器在从配置界面获取目标界面的控件配置信息后,可以将控件配置信息后保存在后台系统服务器上等待定时任务的发布,或者也可以设置一数据库来存储控件配置信息。
如图2所示,图2为本申请实施例提供了一种配置信息存储方法的流程图,该步骤S4可以包括以下步骤:
步骤S41,将所述控件配置信息保存至第二数据库。
其中,所述第二数据库可以为MySQL数据库,在后台系统服务器在从配置界面获取目标界面的控件配置信息后,可以将控件配置信息发送到所述第二数据库中保存所述控件配置信息。
步骤S42,在接收到所述配置界面发布的所述定时任务时,从所述第二数据库获取所述控件配置信息;其中,所述第一数据库为缓存数据库,第二数据库为MySQL数据库。
需要说明的是,所需展示的显示界面较多的情况下,如果将接收到的大量控件配置信息保存在后台系统服务器可能会增加后台系统服务器的负担或占用后台系统服务器的存储空间,因此通过上述的第二数据库对接收到的控件配置信息进行保存,能够缓解后台系统服务器的存储压力。进一步的,可以基于实际需要设置一个或多个MySQL数据库分别为多个显示界面保存所述控件配置信息。同理,也可以根据实际需要设置多个缓存数据库分别为多个显示界面存储并提供可视化的数据。
请参阅图3,图3为本申请实施例提供了另一种数据可视化展示方法的流程图,该方法还可以包括以下步骤:
步骤S6,接收到界面查看指令后,通过所述浏览器展示大屏展示界面,所述大屏展示界面中展示有至少一个可在所述显示屏上显示的显示界面。
其中,大屏展示界面中展示的至少一个可在所述显示屏上显示的显示界面,可以是已经发布的能够进行数据可视化展示的界面。当用户想要查看某一已经发布界面,或想从当前正在展示的界面切换至其他界面时,可以通过浏览器进行操作,以触发上述的界面查看指令,从而在浏览器展示大屏展示界面,并显示至少一个可在所述显示屏上显示的显示界面。
步骤S7,当接收到在所述大屏展示界面中的至少一个显示界面中选择第一界面的选择指令时,通过所述浏览器在所述显示屏上展示所述第一界面。
其中,该第一界面可以是大屏展示界面中显示的任一显示界面。
可选的,在展示所述第一界面的界面上可以显示一新建界面的按钮,当用户触发该按钮时,可以触发浏览器显示配置页面,并以当前的第一界面的结构为模板默认设置第一界面对应的控件属性,同时可以在配置页面上提供控件数据的输入栏以供用户配置对应的控件数据的数据地址。
请参阅图4,在一种实施方式中,图4为本申请实施例提供了一种控件配置信息获取方法的流程图,如图4所示,步骤S1可以包括以下步骤:
步骤S11,接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令。
示例的,大屏管理控制台界面上可以显示有用于新建界面的按钮,当用户触发该按钮时产生新建界面指令。该大屏管理控制台界面可以是用户通过输入对应的页面地址,或者通过触发浏览器上的指定按钮后展示在该浏览器上的。
步骤S12,响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置展示有至少一种可选界面,每种可选界面预先配置有对应的控件配置信息。
步骤S13,在所述配置界面中选定目标界面后,从所述配置界面获取所述目标界面对应的控件配置信息。
即每一种可选界面可以理解为一种界面模板,其中包含预先设定好的界面结构和展示效果,例如界面布局、图形、动画等,以及用于实现该界面结构和展示效果的控件配置信息,包括对应的控件属性(例如控件类型、控件名称等)和控件的数据地址。当用户选定了任一界面后,其对应的控件配置信息也就确定了。
请参阅图5,在另一种实施方式中,图5为本申请实施例提供了一种控件配置信息获取方法的流程图,如图5所示,步骤S1可以包括以下步骤:
步骤S14,接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令。其实现方式与步骤S11中的方法相同,不在赘述。
步骤S15,响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置界面用于配置控件属性和数据地址。
步骤S16,在通过所述配置界面配置控件属性和数据地址后,从所述配置界面获取所述控件配置信息。
示例的,该配置界面上可以显示有所有可选控件的列表,该列表中包括所有可供用户选择的控件以及控件属性,配置界面还可以显示有用于输入控件数据的数据地址的输入框,以供用户选择控件的数据地址,或者预先配置了每一种可选控件的所有可选的数据地址,当用户选择一控件后,向用户展示该控件对应的所有可选的数据地址,以供用户选择数据地址。从而能够满足用户多元化的自定义需求以及更多的应用场景。
示例的,当上述的可选界面中没有用户需要的目标界面,或用户要进行自定义的数据可视化展示时,可以通过所述配置界面获取用户所输入的该用户需求的目标界面中的所述控件属性和数据地址。
示例地,在一种实施方式中,如在保险公司中,市场部需要对合作公司的具体信息进行展示,而保险公司的系统中并没有与合作公司信息相匹配的可选展示界面,所以此时可以通过与第三方系统连接,获取与合作公司信息相匹配的自定义数据并且对目标界面进行新建和展示。
请参阅图6,图6为本申请实施例提供了一种任务管理方法的流程图,该方法包括:
步骤S8,接收管理员通过所述浏览器展示的大屏管理控制台界面触发的任务管理指令。
其中,还可以通过浏览器显示用于管理已发布的定时任务的大屏管理控制台界面,以供管理员可以通过所述浏览器查看任务界面。
步骤S9,响应于所述任务管理指令,通过所述浏览器展示任务界面。
其中,管理员可以通过与所述浏览器展示的大屏管理控制台界面进行人机交互,下达查看任务界面的任务管理指令,所述浏览器发送所述任务管理指令到系统服务器后台中,系统服务器后台响应所述任务管理指令并通过所述浏览器展示所述任务界面。所述任务界面中包含了所有界面对应的定时任务,所述所有界面包括正在展示的界面和待展示的界面。
步骤S10,接收管理员针对所述任务界面中的第一定时任务触发的操作指令。
其中,管理员查看所述任务界面后根据所述任务界面中展示的界面的具体情况,与所述浏览器人机交互,根据对所需要的界面中对应的第一定时任务下达操作指令,所述操作指令包括启动任务指令、停止任务指令或删除任务指令,由管理员根据具体情况下达相应的操作指令。其中,第一定时任务为任务界面中显示的任一定时任务。
示例地,操作指令除了上述的几种指令外,还可以根据需要设置其他指令。例如,在一种实施方式中,当定时任务的触发时间,或触发周期不符合其对应的显示界面的展示需求时,管理员还可以下达减小或者延长定时任务触发时间或周期的操作指令。
步骤S11,对所述第一定时任务执行与所述操作指令对应的操作。
请参阅图7,图7为本申请实施例提供了一种数据可视化展示装置的结构图,应用于系统后台服务器,所述装置100包括:配置获取模块10、数据获取模块20、存储模块30和展示模块40;
配置获取模块10,用于获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;
数据获取模块20,用于接收通过配置界面发布的定时任务,在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统获取控件数据;
第一存储模块30,用于将所述控件属性和所述控件数据存储在第一数据库中;
展示模块40,用于在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在显示屏上展示所述目标界面。
可选的,所述装置100还包括:第二存储模块和配置读取模块;
所述第二存储模块,用于在所述从浏览器的配置界面获取待展示的目标界面的控件配置信息之后,将所述控件配置信息保存至第二数据库;
所述配置读取模块,用于在接收到所述配置界面发布的所述定时任务时,从所述第二数据库获取所述控件配置信息;其中,所述第一数据库为缓存数据库,第二数据库为MySQL数据库。
可选的,所述装置100还包括:
界面展示模块,用于接收到界面查看指令后,通过所述浏览器展示大屏展示界面,所述大屏展示界面中展示有至少一个可在所述显示屏上显示的显示界面;
所述界面展示模块,还用于当接收到在所述大屏展示界面中的至少一个显示界面中选择第一界面的选择指令时,通过所述浏览器在所述显示屏上展示所述第一界面。
可选的,所述配置获取模块10,可以具体用于:
接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令;
响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置展示有至少一种可选界面,每种可选界面预先配置有对应的控件配置信息;
在所述配置界面中选定目标界面后,从所述配置界面获取所述目标界面对应的控件配置信息。
可选的,在另一种实现方式中,所述配置获取模块10,可以具体用于:
接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令;
响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置界面用于配置控件属性和数据地址;
在通过所述配置界面配置控件属性和数据地址后,从所述配置界面获取所述控件配置信息。
可选的,所述控件属性包括控件的前端代码和控件配置,展示模块40可以具体用于:
在接收到所述浏览器的数据请求时,从所述第一数据库中获取所述前端代码、所述控件配置和所述控件数据;
将所述前端代码、所述控件配置和所述控件数据封装后发送至所述浏览器,以使所述浏览器根据所述前端代码、所述控件配置和所述控件数据进行渲染,并在所述显示屏上展示所述目标界面。
可选的,所述装置100还包括:
指令接收模块,用于接收管理员通过所述浏览器展示的大屏管理控制台界面触发的任务管理指令;
任务展示模块,用于响应于所述任务管理指令,通过所述浏览器展示任务界面,所述任务界面中展示有所有界面对应的定时任务,所述所有界面包括正在展示的界面和待展示的界面;
所述指令接收模块,还用于接收管理员针对所述任务界面中的第一定时任务触发的操作指令,所述第一定时任务为所有界面对应的定时任务中的任一定时任务,所述操作指令包括启动任务指令、停止任务指令或删除任务指令;
操作模块,用于对所述第一定时任务执行与所述操作指令对应的操作。
由此可见,通过上述实施方式,能够实现对自定义数据进行可视化展示的目的,解决了重复开发系统导致的研发资源的浪费、数据不稳定的问题,能够为用户提供多元化的、持续的、稳定的数据可视化展示。
本申请实施例还提供了一种电子设备,该电子设备包括存储器和处理器,所述存储器中存储有程序指令,所述处理器读取并运行所述程序指令时,执行本实施例提供的一种数据可视化展示方法中任一实施方式所述的步骤。
应当理解是,该电子设备可以是个人电脑(personal computer,PC)、平板电脑、智能手机、个人数字助理(personal digital assistant,PDA)等具有逻辑计算功能的电子设备。
本申请实施例还提供了一种可读取存储介质,所述可读取存储介质中存储有计算机程序指令,所述计算机程序指令被一处理器读取并运行时,执行一种数据可视化展示方法中任一实施方式所述的步骤。
综上所述,本申请实施例提供的一种数据可视化展示的方法、装置、电子设备和存储介质,能够实现稳定传输数据、便于统一管理且可自定义数据的数据可视化应用,解决重复开发系统导致的研发资源浪费和不便于统一管理的问题以及外接系统获取数据时数据传输不稳等问题,满足用户多元化的需求以及适用于更多场景。
在本申请所提供的几个实施例中,应该理解到,所揭露的设备,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的框图显示了根据本申请的多个实施例的设备的可能实现的体系架构、功能和操作。在这点上,框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图中的每个方框、以及框图的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。因此本实施例还提供了一种可读取存储介质中存储有计算机程序指令,所述计算机程序指令被一处理器读取并运行时,执行区块数据存储方法中任一项所述方法中的步骤。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,RanDom Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本申请的实施例而已,并不用于限制本申请的保护范围,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
Claims (10)
1.一种数据可视化展示方法,其特征在于,应用于系统后台服务器,所述方法包括:
从浏览器的配置界面获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;
接收通过所述配置界面发布的定时任务;
在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统获取控件数据;
将所述控件属性和所述控件数据存储在第一数据库中;
在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在显示屏上展示所述目标界面。
2.根据权利要求1所述的方法,其特征在于,在所述从浏览器的配置界面获取待展示的目标界面的控件配置信息之后,所述方法还包括:
将所述控件配置信息保存至第二数据库;
在接收到所述配置界面发布的所述定时任务时,从所述第二数据库获取所述控件配置信息;其中,所述第一数据库为缓存数据库,第二数据库为MySQL数据库。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收到界面查看指令后,通过所述浏览器展示大屏展示界面,所述大屏展示界面中展示有至少一个可在所述显示屏上显示的显示界面;
当接收到在所述大屏展示界面中的至少一个显示界面中选择第一界面的选择指令时,通过所述浏览器在所述显示屏上展示所述第一界面。
4.根据权利要求1所述的方法,其特征在于,所述从浏览器的配置界面获取待展示的目标界面的控件配置信息,包括:
接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令;
响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置展示有至少一种可选界面,每种可选界面预先配置有对应的控件配置信息;
在所述配置界面中选定目标界面后,从所述配置界面获取所述目标界面对应的控件配置信息。
5.根据权利要求1所述的方法,其特征在于,所述从浏览器的配置界面获取待展示的目标界面的控件配置信息,包括:
接收用户通过所述浏览器展示的大屏管理控制台界面触发的新建界面指令;
响应于所述新建界面指令,通过所述浏览器展示所述配置界面,所述配置界面用于配置控件属性和数据地址;
在通过所述配置界面配置控件属性和数据地址后,从所述配置界面获取所述控件配置信息。
6.根据权利要求1所述的方法,其特征在于,所述控件属性包括控件的前端代码和控件配置,所述在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在所述显示屏上展示所述目标界面,包括:
在接收到所述浏览器的数据请求时,从所述第一数据库中获取所述前端代码、所述控件配置和所述控件数据;
将所述前端代码、所述控件配置和所述控件数据封装后发送至所述浏览器,以使所述浏览器根据所述前端代码、所述控件配置和所述控件数据进行渲染,并在所述显示屏上展示所述目标界面。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收管理员通过所述浏览器展示的大屏管理控制台界面触发的任务管理指令;
响应于所述任务管理指令,通过所述浏览器展示任务界面,所述任务界面中展示有所有界面对应的定时任务,所述所有界面包括正在展示的界面和待展示的界面;
接收管理员针对所述任务界面中的第一定时任务触发的操作指令,所述第一定时任务为所有界面对应的定时任务中的任一定时任务,所述操作指令包括启动任务指令、停止任务指令或删除任务指令;
对所述第一定时任务执行与所述操作指令对应的操作。
8.一种数据可视化展示装置,其特征在于,应用于系统后台服务器,所述装置包括:配置获取模块、数据获取模块、存储模块和展示模块;
所述配置获取模块,用于获取待展示的目标界面的控件配置信息,所述控件配置信息包括所述目标界面对应的控件属性和数据地址;
所述数据获取模块,用于接收通过配置界面发布的定时任务,在所述定时任务到达触发时间时,根据所述控件配置信息中的所述数据地址从目标系统获取控件数据;
所述存储模块,用于将所述控件属性和所述控件数据存储在第一数据库中;
所述展示模块,用于在接收到所述浏览器的数据请求时,将所述第一数据库中的所述控件属性和所述控件数据发送至所述浏览器,以通过所述浏览器根据所述控件属性和所述控件数据在显示屏上展示所述目标界面。
9.一种电子设备,其特征在于,所述电子设备包括存储器和处理器,所述存储器中存储有程序指令,所述处理器运行所述程序指令时,执行权利要求1-7中任一项所述方法中的步骤。
10.一种可读取存储介质,其特征在于,所述可读取存储介质中存储有计算机程序指令,所述计算机程序指令被一处理器运行时,执行权利要求1-7任一项所述方法中的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011353557.5A CN112464120A (zh) | 2020-11-26 | 2020-11-26 | 数据可视化展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011353557.5A CN112464120A (zh) | 2020-11-26 | 2020-11-26 | 数据可视化展示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112464120A true CN112464120A (zh) | 2021-03-09 |
Family
ID=74808963
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011353557.5A Pending CN112464120A (zh) | 2020-11-26 | 2020-11-26 | 数据可视化展示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112464120A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114116089A (zh) * | 2021-11-08 | 2022-03-01 | 广州鸿大智能科技有限公司 | 一种数据可视化方法、装置、设备及存储介质 |
CN114356184A (zh) * | 2021-12-31 | 2022-04-15 | 第四范式(北京)技术有限公司 | 人工智能推演系统的展示方法、装置、系统及存储介质 |
CN117193990A (zh) * | 2023-11-08 | 2023-12-08 | 建信金融科技有限责任公司 | http接口的调度管理方法、装置、设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101877716A (zh) * | 2010-03-10 | 2010-11-03 | 艾默生网络能源有限公司 | 组态模板的定制方法、组态模板的显示方法及服务器 |
US20130145262A1 (en) * | 2011-12-06 | 2013-06-06 | At&T Intellectual Property I, L.P. | Visual Interface Browser |
CN110827937A (zh) * | 2019-09-20 | 2020-02-21 | 万达信息股份有限公司 | 一种应用于医疗领域的数据展示方法和系统 |
CN111881192A (zh) * | 2020-08-03 | 2020-11-03 | 浪潮云信息技术股份公司 | 可视化配置报表的生成方法、系统、电子设备及存储介质 |
-
2020
- 2020-11-26 CN CN202011353557.5A patent/CN112464120A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101877716A (zh) * | 2010-03-10 | 2010-11-03 | 艾默生网络能源有限公司 | 组态模板的定制方法、组态模板的显示方法及服务器 |
US20130145262A1 (en) * | 2011-12-06 | 2013-06-06 | At&T Intellectual Property I, L.P. | Visual Interface Browser |
CN110827937A (zh) * | 2019-09-20 | 2020-02-21 | 万达信息股份有限公司 | 一种应用于医疗领域的数据展示方法和系统 |
CN111881192A (zh) * | 2020-08-03 | 2020-11-03 | 浪潮云信息技术股份公司 | 可视化配置报表的生成方法、系统、电子设备及存储介质 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114116089A (zh) * | 2021-11-08 | 2022-03-01 | 广州鸿大智能科技有限公司 | 一种数据可视化方法、装置、设备及存储介质 |
CN114356184A (zh) * | 2021-12-31 | 2022-04-15 | 第四范式(北京)技术有限公司 | 人工智能推演系统的展示方法、装置、系统及存储介质 |
CN114356184B (zh) * | 2021-12-31 | 2024-03-12 | 第四范式(北京)技术有限公司 | 人工智能推演系统的展示方法、装置、系统及存储介质 |
CN117193990A (zh) * | 2023-11-08 | 2023-12-08 | 建信金融科技有限责任公司 | http接口的调度管理方法、装置、设备及存储介质 |
CN117193990B (zh) * | 2023-11-08 | 2024-02-23 | 建信金融科技有限责任公司 | http接口的调度管理方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8577960B2 (en) | Providing status information for components in a distributed landscape | |
US20190220332A1 (en) | Application processing method and apparatus | |
US20130167072A1 (en) | Smart and Flexible Layout Context Manager | |
US8631337B2 (en) | Systems and methods of copying data | |
CN109471626B (zh) | 页面逻辑结构、页面生成方法、页面数据处理方法及装置 | |
US20120030631A1 (en) | Tree control with enhanced hierarchy visibility | |
CN108108986B (zh) | 一种客户关系管理系统的设计方法、装置及电子设备 | |
CN112464120A (zh) | 数据可视化展示方法、装置、电子设备及存储介质 | |
US11169652B2 (en) | GUI configuration | |
JP2020004280A (ja) | 表示制御装置、表示制御方法、および表示制御プログラム | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
US11520473B2 (en) | Switch control for animations | |
US20130191778A1 (en) | Semantic Zooming in Regions of a User Interface | |
CN111800454A (zh) | 一种可视化数据展示系统及可视化页面投屏方法 | |
JP7206370B2 (ja) | 動的キーボードインターフェース内にアニメーション画像を配置するための方法およびシステム | |
US20180276309A1 (en) | Providing dynamic overview panel user experience | |
US9043464B1 (en) | Automatically grouping resources accessed by a user | |
US20230350882A1 (en) | Automatically generated graphical user interface application with dynamic user interface segment elements | |
US10338775B2 (en) | Displaying a calendar view | |
CN112947918A (zh) | 数据展示方法和装置 | |
CN111143464A (zh) | 数据获取方法、装置和电子设备 | |
CN113704593B (zh) | 一种运营数据处理方法及相关装置 | |
CN112748833B (zh) | 一种界面展示方法、装置及计算机可读介质 | |
KR102181579B1 (ko) | 환자정보 스티커 서비스 제공방법 및 이를 위한 치과용 보험청구 시스템 | |
CN110956502A (zh) | 广告数据对比分析方法、装置、电子设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |