CN116610394A - 基于模板和模块的数据可视化页面配置方法、系统和装置 - Google Patents
基于模板和模块的数据可视化页面配置方法、系统和装置 Download PDFInfo
- Publication number
- CN116610394A CN116610394A CN202310437352.2A CN202310437352A CN116610394A CN 116610394 A CN116610394 A CN 116610394A CN 202310437352 A CN202310437352 A CN 202310437352A CN 116610394 A CN116610394 A CN 116610394A
- Authority
- CN
- China
- Prior art keywords
- configuration
- template
- module
- data
- page
- 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 61
- 238000013079 data visualisation Methods 0.000 title claims abstract description 55
- 230000000007 visual effect Effects 0.000 claims abstract description 54
- 230000004044 response Effects 0.000 claims description 27
- 238000013499 data model Methods 0.000 claims description 15
- 238000007726 management method Methods 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 13
- 238000009877 rendering Methods 0.000 claims description 10
- 230000006978 adaptation Effects 0.000 claims description 6
- 238000012800 visualization Methods 0.000 abstract description 10
- 238000010586 diagram Methods 0.000 description 29
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 238000011161 development Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 238000013480 data collection Methods 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000013011 mating Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种基于模板和模块的数据可视化页面配置方法、系统和装置，通过可视化页面的创建操作，根据选择的预设页面模板创建生成基础可视化页面；对基础可视化页面的配置操作进入包括多个操作控件的配置界面；对操作控件的第一操作展示预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成预设模块模板的选择控件；对选择控件的选择展示数据指标配置界面并同步预置的数据指标项，在数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。解决了可视化配置方式复杂、难以满足特定场景个性化的配置的技术问题，实现可视化简洁的配置页面。
Description
技术领域
本申请属于计算机技术领域，具体而言，涉及一种基于模板和模块的数据可视化页面配置方法、系统和装置。
背景技术
当前的技术领域当中可视化页面配置通常以平台资源现有的组件生成相应的界面。
在企业数字化，业务需求量激增等背景下，数据驱动业务、数据可视化系统快速成长。基于模块、模版的可视化配置的开发方式使繁重的业务需求抽象化，模块数据配置化。
但是现有的方法，一方面，通常以表单组件为最小单元组件，缺少模块数据的配置化或模块数据配置化不能满足多个客户的大量业务，不利于模块的拓展；另一方面，现有的方法通常以平台的模块、模版为基础，不能满足特定场景个性化的配置。
针对相关技术中可视化配置方式复杂、难以满足特定场景个性化的配置的技术问题，尚未提出有效的解决方案。
发明内容
因此，本申请实施例在于提供一种基于模板和模块的数据可视化页面配置方法、装置、电子设备及存储介质，旨在解决上述现有技术存在的至少一个问题。
为实现上述目的，第一方面，本申请提供了一种基于模板和模块的数据可视化页面配置方法，包括：
响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；
响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；
响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；
响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。
在一个实施例中，响应于对操作控件的第二操作，在该操作控件对应的展示区域中添加空白模板，并在对应的操作控件中生成所述空白模板的选择控件；
响应于对所述空白模板的选择控件的选择操作，展示数据模型配置界面，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。
在一个实施例中，在将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示之后，还包括：响应于预览或发布操作，通过独立的渲染器对所述基础可视化界面进行渲染生成可视化界面。
在一个实施例中，还包括：接收在资源上传界面上传的页面模板、模块模板和组件模板，将所述页面模板、模块模板和组件模板存储至资源中心生成预设页面模板、预设模块模板和预设组件模板。
在一个实施例中，还包括：接收在数据指标配置界面中对于数据接口的接口元数据定义配置参数、任务及出入配置参数和接口适配参数，根据接口元数据定义配置参数、任务及出入配置参数和接口适配参数生成数据指标接口；接收在数据指标配置界面对于原始数据的数据目录的配置信息，根据所述配置信息生成数据目录指标详情，响应于关联操作将所述数据目录指标详情关联至所述数据指标接口以得到数据指标项。
在一个实施例中，还包括：接收在用户管理界面对于用户的配置信息，根据用户的配置信息生成用户信息，所述用户信息配置有角色和组织。
第二方面，本申请还提供了一种基于模板和模块的数据可视化页面配置系统，包括：
第一模块，用于响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；
第二模块，用于响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；
第三模块，用于响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；
第四模块，用于响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。
在一个实施例中，第三模块还用于响应于对操作控件的第二操作，在该操作控件对应的展示区域中添加空白模板，并在对应的操作控件中生成所述空白模板的选择控件；
第四模块还用于响应于对所述空白模板的选择控件的选择操作，展示数据模型配置界面，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。
第三方面，本申请还提供了一种电子设备，包括存储器和处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行所述基于模板和模块的数据可视化页面配置方法的步骤。
第四方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行所述基于模板和模块的数据可视化页面配置方法的步骤。
本申请实施例提供的一种基于模板和模块的数据可视化页面配置方法、系统、电子设备和存储介质，通过响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。解决了相关技术中可视化配置方式复杂、难以满足特定场景个性化的配置的技术问题，实现可视化的简洁配置页面，使得技术人员和管理人员动态配置各类指标数据，可以满足特定场景个性化的配置。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。
图1为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的实现流程；
图2为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的整体逻辑流程图；
图3为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标项创建逻辑流程图；
图4为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的经渲染器渲染后的可视化界面图；
图5为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的资源中心的界面示意图；
图6为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的资源上传界面的上传页面模板的示意图；
图7为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的资源上传界面的上传模块模板的示意图；
图8为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的配置中心创建可视化页面的示意图；
图9为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的配置中心的示意图；
图10为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的配置中心通过引用模块模板方式进行配置可视化页面的示意图；
图11为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的配置中心通过自定义模块进行配置可视化页面的示意图；
图12为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的配置中心通过自定义模块进行配置可视化页面的示意图；
图13为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标配置界面接口管理的界面示意图；
图14为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标配置界面接口创建的界面示意图；
图15为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标配置界面指标创建的界面示意图；
图16为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标配置界面数据接口和指标关联的界面示意图；
图17为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标配置界面数据接口和指标关联时接口选择的界面示意图；
图18为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的用户信息配置界面的示意图；
图19为本申请实施例提供的基于模板和模块的数据可视化页面配置系统的主要模块示意图；
图20为本申请实施例提供的可以应用于其中的示例性系统架构图；
图21为适于用来实现本申请实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本申请中，术语“上”、“下”、“左”、“右”、“前”、“后”、“顶”、“底”、“内”、“外”、“中”、“竖直”、“水平”、“横向”、“纵向”等指示的方位或位置关系为基于附图所示的方位或位置关系。这些术语主要是为了更好地描述本申请及其实施例，并非用于限定所指示的装置、元件或组成部分必须具有特定方位，或以特定方位进行构造和操作。
并且，上述部分术语除了可以用于表示方位或位置关系以外，还可能用于表示其他含义，例如术语“上”在某些情况下也可能用于表示某种依附关系或连接关系。对于本领域普通技术人员而言，可以根据具体情况理解这些术语在本申请中的具体含义。
另外，术语“多个”的含义应为两个以及两个以上。
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了本申请实施例提供的基于模板和模块的数据可视化页面配置方法的实现流程，图2示出了本申请实施例提供的基于模板和模块的数据可视化页面配置方法的整体逻辑流程图；图3示出了本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标项创建逻辑流程图。为了便于说明，仅示出与本申请实施例相关的部分，详述如下：
一种基于模板和模块的数据可视化页面配置方法，包括以下步骤：
S101：响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；
S102：响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；
S103：响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；
S104：响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。
在本实施例中，将解决以下技术问题：
1、本发明不基于表单组件,以业务模块作为最小单元进行页面、数据可视化配置,为了满足不同的业务场景；
2、本发明有丰富的、互相独立模块、模版资源可以满足大部分客户页面配置的需求,对于一些个性化场景的需求本发明可支持第三方模版、模块,不仅丰富了平台资源,也满足了个性化场景的需求,同时,对于开发者而言,可以有效并快速集成新的模版或模块。
在这里，如图2所示，设计了独立的资源中心、配置中心和指标管理中心，开发或者用户可以将设计好的页面模板、模块模板、组件模板上传至资源中心以便调用，用户可以直接在配置中心进行创建驾驶舱(可视化页面)，在创建驾驶舱时进行调用资源中心的各种模板并在配置中心进行编辑，同时在配置中心编辑可视化界面时可以通过指标管理中心提供的数据接口进行配置数据模型，同时设计了单独的模板、数字产品中心，用于作为独立的渲染器进行渲染配置完成后的页面，由此将页面操作的模版独立于配置中心，使配置中心的渲染容器始终保持一致，模版、数字产品中心起到渲染作用，减少配置中心面对不同模版的渲染压力，将开发模版分为在配置、配置预览物、配置产物等不同状态。
在步骤S101中:响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域。
在这里，如图8所示，用户可以在驾驶舱配置后台创建新的驾驶舱(即可视化页面)，在创建驾驶舱时可以选择预设页面模板作为驾驶舱的基础框架，响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域。需要说明的是，页面模板是页面设计的基础框架，用来规定整体结构、主题和布局。包括头部、底部、侧边栏、中间内容区等。如图9所述，创建好的驾驶舱将加入驾驶舱配置中心中，驾驶舱缩略图上嵌入了多个按钮，例如配置、置顶、查看、预览、发布等按钮，后续可以直接点击相关按钮进行配置编辑。
在一个实施例中，还包括：接收在资源上传界面上传的页面模板、模块模板和组件模板，将所述页面模板、模块模板和组件模板存储至资源中心生成预设页面模板、预设模块模板和预设组件模板。例如，如图5-7所示，用户可以将设计好的页面模板、模块模板和组件模板进行上传至资源中心进行存储，以生成预设页面模板、预设模块模板和预设组件模板，便于在配置驾驶舱时直接进行调用。
在步骤S102中：响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑。如图9所示，用户点击配置按钮，响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑。
在这里，对基础可视化页面进行配置，可以实现将预设模块模板或者自定义模块模板添加至对应的展示区域中，以完成基础可视化页面的设计。配置界面的操作控件是指如图10-11中的左侧栏中的首页、左侧、右侧、地图等中的加号或者三点等可以操作的控件。展示区域例如为基础可视化页面中的左侧、右侧、头部和底部以及中间等区域。
在步骤S103中：响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件。在这里，如图10所示，第一操作是指点加号然后选择引用模块按钮。当选择了引用模块按钮后，以弹窗的形式展示所有可选择的预设模块模板，用户选择对应的预设模块模板后，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件。例如，用户点击了左侧区域的操作控件的加号和引用模块按钮，在选择了一个预设模块模板(如文化活动)后将把选择的预设模块模板加入至左侧区域中，并在左侧的操作控件中加入文化活动选择控件。
在步骤S104中：响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。如图10所示，左侧操作控件的下拉中添加了文化活动、数据分析等多个选择控件，当用户选择文化活动选择控件时，在配置界面右侧展示数据指标配置界面并同步预置的数据指标项，由此用户可通过配置界面选择配置想要的数据指标项，当用户选择配置好数据指标项后，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。在这里，数据指标项是预先配置的，可以通过数据接口进行调用采集的数据集进行展示。
在一个实施例中，还包括：接收在数据指标配置界面中对于数据接口的接口元数据定义配置参数、任务及出入配置参数和接口适配参数，根据接口元数据定义配置参数、任务及出入配置参数和接口适配参数生成数据指标接口；接收在数据指标配置界面对于原始数据的数据目录的配置信息，根据所述配置信息生成数据目录指标详情，响应于关联操作将所述数据目录指标详情关联至所述数据指标接口以得到数据指标项。例如，如图13-17所示，用户可以通过预先在数据指标管理系统中进行配置数据接口和数据指标，并通过将数据接口和数据指标进行关联形成可调用的数据指标项，以便于在编辑预设模板模块的数据指标时直接通过选择数据指标项的接口进行调用相关数据进而展示数据。
具体的，如图3所示，为本申请实施例提供的基于模板和模块的数据可视化页面配置方法的数据指标项创建逻辑流程图。如图13-17所示，数据指标系统提供了接口配置、数据目录、数据采集、数据源管理等功能。其中接口配置模块主要提供创建接口的作用，数据目录模块主要用于创建指标、以及指标关联接口等作用。通过图3可知，在接口配置时，选择预先管理的数据源，并选择创建的指标关联接口形成数据指标项，最后将创建后的数据指标项授权给对应有权限查看的用户以便于调用。在这里，创建数据指标时，可以通过录入新数据进行数据采集，以便于用户在页面编辑时更新数据。
在一个实施例中，还包括：接收在用户管理界面对于用户的配置信息，根据用户的配置信息生成用户信息，所述用户信息配置有角色和组织。例如，如图18所示，通过用户管理系统进行新增和管理不同的用户，进而建立用户信息，对不同的用户可以配置不同的用户角色和用户组织，进而基于用户角色为用户分配不同的权限，例如，相同组织的用户可以看到归属于自己组织的所有已上架的模块模板和页面模板。
在一个实施例中，还包括：响应于对操作控件的第二操作，在该操作控件对应的展示区域中添加空白模板，并在对应的操作控件中生成所述空白模板的选择控件；响应于对所述空白模板的选择控件的选择操作，展示数据模型配置界面，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。在这里，如图11所示，第二操作是指点加号然后选择自定义模块按钮，进而用户可以实现自定义模块模板。如图11，当用户点击创建自定义模块后，在左侧的控件区域中添加一个选择控件(如饼状图)，同时在左侧展示区域中添加一个空白模模板，当用户选择饼状图控件时，在配置界面右侧展示数据模型配置界面，用户可以通过选择标题、字体相关配置、图样相关配置等进行配置空白模板的图形展示样式，例如配置饼状图、表格等。如图12，用户可以通过指标配置选择数据接口进行配置数据指标项以实现展示的数据来源，进而，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。由此实现用户灵活的对预设模块模板的自定义，以适应于更多的业务场景。
在一个实施例中，在将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示之后，还包括：响应于预览或发布操作，通过独立的渲染器对所述基础可视化界面进行渲染生成可视化界面。由此实现可视化页面的配置并发布，实现快速构建自己所期望的网站页面。在这里，将页面操作的模版独立于配置中心，使配置中心的渲染容器始终保持一致，模版、数字产品中心起到渲染作用，减少配种中心面对不同模版的渲染压力。
由此，本申请实施例提供的一种基于模板和模块的数据可视化页面配置方法，通过数字产品中心和资源中心技术方案,使本发明不仅可以面向普通用户,页面模板作为渲染器独立存在的方案使二次开发能够快速、灵活拓展。本发明中,数据指标体系可以为驾驶舱等可视化界面的数据指标提供指标数据配置功能，方便技术人员和管理人员动态配置各类指标数据。进而，解决了相关技术中可视化配置方式复杂、难以满足特定场景个性化的配置的技术问题，实现可视化的简洁配置页面，使得技术人员和管理人员动态配置各类指标数据，可以满足特定场景个性化的配置。
图19示出了本申请实施例提供的基于模板和模块的数据可视化页面配置系统的主要模块示意图，为了便于说明，仅示出与本申请实施例相关的部分，详述如下：
一种基于模板和模块的数据可视化页面配置系统200，包括：
第一模块201，用于响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；
第二模块202，用于响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；
第三模块203，用于响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；
第四模块204，用于响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。
在一个实施例中，第三模块203还用于响应于对操作控件的第二操作，在该操作控件对应的展示区域中添加空白模板，并在对应的操作控件中生成所述空白模板的选择控件；第四模块204还用于响应于对所述空白模板的选择控件的选择操作，展示数据模型配置界面，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。
需要说明的是，本申请实施例的基于模板和模块的数据可视化页面配置系统为对应于本申请实施例的基于模板和模块的数据可视化页面配置方法进行配置，基于模板和模块的数据可视化页面配置系统的其它实施例对应于基于模板和模块的数据可视化页面配置方法的所有实施例，这里不再赘述。
由此，本申请实施例提供的基于模板和模块的数据可视化页面配置系统，通过数字产品中心和资源中心技术方案,使本发明不仅可以面向普通用户,页面模板作为渲染器独立存在的方案使二次开发能够快速、灵活拓展。本发明中,数据指标体系可以为驾驶舱等可视化界面的数据指标提供指标数据配置功能，方便技术人员和管理人员动态配置各类指标数据。进而，解决了相关技术中可视化配置方式复杂、难以满足特定场景个性化的配置的技术问题，实现可视化的简洁配置页面，使得技术人员和管理人员动态配置各类指标数据，可以满足特定场景个性化的配置。
本申请实施例还提供一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现本申请实施例的基于模板和模块的数据可视化页面配置方法。
本申请实施例还提供一种计算机可读介质，其上存储有计算机程序，程序被处理器执行时实现本申请实施例的基于模板和模块的数据可视化页面配置方法。
图20示出了可以应用本申请实施例的基于模板和模块的数据可视化页面配置方法或装置的示例性系统架构300。
如图20所示，系统架构300可以包括终端设备301、302、303，网络304和服务器305。网络304用以在终端设备301、302、303和服务器305之间提供通信链路的介质。网络304可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备301、302、303通过网络304与服务器305交互，以接收或发送消息等。终端设备301、302、303上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备301、302、303可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器305可以是提供各种服务的服务器，例如对用户利用终端设备301、302、303所发送的往来消息提供支持的后台管理服务器。后台管理服务器可以在接收到终端设备请求后进行分析等处理，并将处理结果反馈给终端设备。
需要说明的是，本申请实施例所提供的基于模板和模块的数据可视化页面配置方法一般由终端设备301、302、303或服务器305执行，相应地，基于模板和模块的数据可视化页面配置系统一般设置于终端设备301、302、303或服务器305中。
应该理解，图20中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图21，其示出了适于用来实现本申请实施例的终端设备或服务器的计算机系统400的结构示意图。图21示出的计算机系统仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。
如图21所示，计算机系统400包括中央处理单元(CPU)401，其可以根据存储在只读存储器(ROM)402中的程序或者从存储部分408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM403中，还存储有系统400操作所需的各种程序和数据。CPU401、ROM 402以及RAM403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
以下部件连接至I/O接口405：包括键盘、鼠标等的输入部分406；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分407；包括硬盘等的存储部分408；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分409。通信部分409经由诸如因特网的网络执行通信处理。驱动器410也根据需要连接至I/O接口405。可拆卸介质411，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器410上，以便于从其上读出的计算机程序根据需要被安装入存储部分408。
特别地，根据本申请公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分409从网络上被下载和安装，和/或从可拆卸介质411被安装。在该计算机程序被中央处理单元(CPU)401执行时，执行本申请的系统中限定的上述功能。
需要说明的是，本申请所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括确定模块、提取模块、训练模块和筛选模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，确定模块还可以被描述为“确定候选用户集的模块”。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (10)
1.一种基于模板和模块的数据可视化页面配置方法，其特征在于，包括：
响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；
响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；
响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；
响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。
2.根据权利要求1所述的基于模板和模块的数据可视化页面配置方法，其特征在于，还包括：
响应于对操作控件的第二操作，在该操作控件对应的展示区域中添加空白模板，并在对应的操作控件中生成所述空白模板的选择控件；
响应于对所述空白模板的选择控件的选择操作，展示数据模型配置界面，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。
3.根据权利要求1所述的基于模板和模块的数据可视化页面配置方法，其特征在于，在将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示之后，还包括：响应于预览或发布操作，通过独立的渲染器对基础可视化界面进行渲染生成可视化界面。
4.根据权利要求1-3任一项所述的基于模板和模块的数据可视化页面配置方法，其特征在于，还包括：接收在资源上传界面上传的页面模板、模块模板和组件模板，将所述页面模板、模块模板和组件模板存储至资源中心生成预设页面模板、预设模块模板和预设组件模板。
5.根据权利要求1-3任一项所述的基于模板和模块的数据可视化页面配置方法，其特征在于，还包括：接收在数据指标配置界面中对于数据接口的接口元数据定义配置参数、任务及出入配置参数和接口适配参数，根据接口元数据定义配置参数、任务及出入配置参数和接口适配参数生成数据指标接口；接收在数据指标配置界面对于原始数据的数据目录的配置信息，根据所述配置信息生成数据目录指标详情，响应于关联操作将所述数据目录指标详情关联至所述数据指标接口以得到数据指标项。
6.根据权利要求3所述的基于模板和模块的数据可视化页面配置方法，其特征在于，还包括：接收在用户管理界面对于用户的配置信息，根据用户的配置信息生成用户信息，所述用户信息配置有角色和组织。
7.一种基于模板和模块的数据可视化页面配置系统，其特征在于，包括：
第一模块，用于响应于对可视化页面的创建操作，展示所有可选择的预设页面模板，根据所选择的预设页面模板创建生成基础可视化页面，所述预设页面模板包括多个展示区域；
第二模块，用于响应于对所述基础可视化页面的配置操作进入配置界面，所述配置界面包括多个操作控件，每个操作控件对应控制一个展示区域的内容编辑；
第三模块，用于响应于对操作控件的第一操作，展示所有可选择的预设模块模板，将选择的预设模块模板添加至该操作控件对应的展示区域中并在对应的操作控件中生成所述预设模块模板的选择控件；
第四模块，用于响应于对所述选择控件的选择操作，展示数据指标配置界面并同步预置的数据指标项，响应于在所述数据指标配置界面中配置完成数据指标项，将数据指标项的预设配置数据在该选择控件对应的预设模块模板中进行展示。
8.根据权利要求7所述的基于模板和模块的数据可视化页面配置系统，其特征在于，还包括：
第三模块还用于响应于对操作控件的第二操作，在该操作控件对应的展示区域中添加空白模板，并在对应的操作控件中生成所述空白模板的选择控件；
第四模块还用于响应于对所述空白模板的选择控件的选择操作，展示数据模型配置界面，根据在数据模型配置界面配置的样式配置参数和指标配置参数，在所述空白模板中添加展示内容以生成新的预设模块模板，其中，所述样式配置参数用于确定空白模板中的图表形状和字体，所述指标配置参数用于确定空白模板中的数据指标项。
9.一种电子设备，其特征在于，包括存储器和处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行权利要求1至6中任一项所述的基于模板和模块的数据可视化页面配置方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行权利要求1至6中任一项所述的基于模板和模块的数据可视化页面配置方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310437352.2A CN116610394A (zh) | 2023-04-23 | 2023-04-23 | 基于模板和模块的数据可视化页面配置方法、系统和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310437352.2A CN116610394A (zh) | 2023-04-23 | 2023-04-23 | 基于模板和模块的数据可视化页面配置方法、系统和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116610394A true CN116610394A (zh) | 2023-08-18 |
Family
ID=87673748
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310437352.2A Pending CN116610394A (zh) | 2023-04-23 | 2023-04-23 | 基于模板和模块的数据可视化页面配置方法、系统和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116610394A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116880844A (zh) * | 2023-09-07 | 2023-10-13 | 美云智数科技有限公司 | 指标数据的可视化组件配置方法、装置、设备和存储介质 |
-
2023
- 2023-04-23 CN CN202310437352.2A patent/CN116610394A/zh active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116880844A (zh) * | 2023-09-07 | 2023-10-13 | 美云智数科技有限公司 | 指标数据的可视化组件配置方法、装置、设备和存储介质 |
| CN116880844B (zh) * | 2023-09-07 | 2023-12-15 | 美云智数科技有限公司 | 指标数据的可视化组件配置方法、装置、设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10067635B2 (en) | Three dimensional conditional formatting | |
| US11763076B2 (en) | Document applet generation | |
| CN113268226B (zh) | 页面数据生成方法、装置、存储介质及设备 | |
| US20170169481A1 (en) | Internet-based display material system and internet-based display material producing method | |
| CN107391134B (zh) | 一种通用移动应用交互界面自动生成与动态变换方法与装置 | |
| JP6750124B2 (ja) | 端末装置、ｕｉ拡張方法及びｕｉ拡張プログラム | |
| US20170169474A1 (en) | Internet-based display material system and internet-based display material producing method | |
| CN113268233B (zh) | 一种页面生成方法、装置、计算机设备及存储介质 | |
| KR20130040057A (ko) | ＳａａＳ 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체 | |
| CN114327458A (zh) | 一种快速搭建企业信息化系统的方法及系统 | |
| CN113255302A (zh) | 组织架构图操作方法、计算机设备及计算机存储介质 | |
| CN116610394A (zh) | 基于模板和模块的数据可视化页面配置方法、系统和装置 | |
| CN112947918A (zh) | 数据展示方法和装置 | |
| CN114239524A (zh) | 问卷生成方法、装置、计算机设备及存储介质 | |
| CN111798128A (zh) | 一种工艺流程的界面操作方法、计算机设备及存储介质 | |
| CN111798126A (zh) | 工艺流程的创建方法、计算机设备及存储介质 | |
| CN115130442A (zh) | 报表生成的方法、装置、存储介质及计算机设备 | |
| CN113282852A (zh) | 编辑网页的方法和装置 | |
| CN116301861A (zh) | 页面配置方法、电子设备及存储介质 | |
| KR102417862B1 (ko) | 프로그램의 간편 제작방법 | |
| CN111782309B (zh) | 显示信息的方法、装置及计算机可读存储介质 | |
| CN112231802A (zh) | Bim文件的多窗体审查方法、装置以及计算机存储介质 | |
| CN113806596B (zh) | 运营数据管理方法及相关装置 | |
| CN113704593B (zh) | 一种运营数据处理方法及相关装置 | |
| CN113849247B (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 | ||
| CB02 | Change of applicant information |
Country or region after: China Address after: Room 2201-2205, Gemini building, Wuxing District, Huzhou City, Zhejiang Province Applicant after: Zhejiang Shuzhi Operation Technology Co.,Ltd. Applicant after: Hangzhou City Big Data Operation Co.,Ltd. Applicant after: Hangzhou zhongyun Data Technology Co.,Ltd. Address before: Room 2201-2205, Gemini building, Wuxing District, Huzhou City, Zhejiang Province Applicant before: Huzhou big data operation Co.,Ltd. Country or region before: China Applicant before: Hangzhou City Big Data Operation Co.,Ltd. Applicant before: Hangzhou zhongyun Data Technology Co.,Ltd. |
|
| CB02 | Change of applicant information |