CN116594604A - 一种基于数据联动的组件配置方法、数据展示方法及装置 - Google Patents
一种基于数据联动的组件配置方法、数据展示方法及装置 Download PDFInfo
- Publication number
- CN116594604A CN116594604A CN202310883027.9A CN202310883027A CN116594604A CN 116594604 A CN116594604 A CN 116594604A CN 202310883027 A CN202310883027 A CN 202310883027A CN 116594604 A CN116594604 A CN 116594604A
- Authority
- CN
- China
- Prior art keywords
- data
- component
- dictionary
- edited
- association
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 230000000007 visual effect Effects 0.000 claims description 9
- 238000011161 development Methods 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000013461 design Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 239000002184 metal Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000000547 structure data Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
-
- 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
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种基于数据联动的组件配置方法、数据展示方法及装置,所述组件配置方法包括:在响应作用于待编辑组件的配置操作时,生成组件配置界面;将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。本发明的配置方法不需要对每个组件的数据进行编写一个更新函数,而是通过数据联动的方式对组件进行关联绑定,从而实现一个组件与多个组件进行绑定关联,不仅降低了代码的开发难度,还提高了组件配置的效率。
Description
技术领域
本发明涉及表单的组件开发技术领域,尤其涉及一种基于数据联动的组件配置方法、数据展示方法及装置。
背景技术
表单的组件设计是指针对不同的业务场景和需求进行大量的开发和修改,通过表单的组件可以设计和实现不同的业务场景和用户的需求。自定义表单虽能灵活实现用户要求的表单设计,但是对于复杂的业务场景,比如实现下拉选择框、单选框以及多选框这种选择组件之间的数据关联时,需要工程师手写大量的代码去实现每一个数据联动,然后进行组件间的相互绑定,即现有技术在实现组件间的数据联动时,每响应一个组件相互之间的数据更改要求,都需要工程师编写一个回调函数,如果在一组件的上级表头需要关联几十甚至上百的组件的情况下,则需要对每个组件的表头数据进行编写一个能够实现关联的回调函数来进行数据联动更新,导致代码的编写量会增加,因此,现有技术在出现组件数据多且需要实现复杂的数据联动时,需要工程师手写大量的代码,使得实现组件间的数据联动的配置过程中代码开发耗时长,导致组件配置的效率低。
发明内容
本发明实施例提供一种基于数据联动的组件配置方法、数据展示方法及装置,能有效解决现有技术中在出现组件数据多且需要实现复杂的数据联动时,需要工程师手写大量的代码,使得实现组件间的数据联动的配置过程中代码开发耗时长,导致组件配置的效率低的问题。
本发明一实施例提供一种基于数据联动的组件配置方法,包括:
显示包含若干个待编辑组件的可视化界面;
对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;
在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;
在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;
在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;
将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。
优选的,所述在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定,包括:
在响应作用于第二接口所对应的显示区域的表名选定操作时,通过第二接口接收包含有所选定的目标表名的关联数据表绑定指令;
根据所述关联数据表绑定指令,确定对应的目标关联数据表,将待编辑组件与目标关联数据表进行绑定。
优选的,在通过所述第三接口接收字典目录绑定指令之前,还包括:
根据待编辑组件所绑定的关联数据表,生成所述第三接口所对应的待选定字典目录,以使用户根据所述待选定字典目录选取需要进行绑定的字典目录;
所述在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定,包括:
在响应用户作用于第三接口所对应的显示区域的字典目录选定操作时,通过所述第三接口接收字典目录绑定指令,并将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定。
优选的,所述将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联,具体包括:
将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,作为待关联组件;
对于每一待关联组件,根据所对应的关联数据表确定待关联组件的字典目录的层级,并将字典目录的层级作为对应待关联组件的层级;
根据待关联组件的层级,将各待关联组件逐级进行关联。
优选的,还包括:
若第一接口没有接收数据关联指令,则将所述待编辑组件的数据关联功能设置为关闭。
本发明一实施例还提供了一种基于数据联动的组件数据展示方法,包括:
在接收到一目标组件的数据展示指令时,判断所述目标组件的数据关联功能是否开启;其中,所述目标组件为通过基于数据联动的组件配置方法进行配置的;
若是,则根据目标组件的层级确定所对应的上级目标组件;根据上级目标组件所选定的字典值数据,在对应的数据关系表中确定所选定的字典值数据所对应的下一层级的所有字典数据;将下一层级的所有字典值数据作为所述目标组件的待显示数据,进行数据展示;
若否,则将目标组件在对应的关联数据表中对应的字典目录下的所有字典值数据作为待显示数据,进行数据展示。
在上述的方法实施例的基础上,本发明对应提供了装置项实施例。
本发明一实施例提供了一种基于数据联动的组件配置装置,包括:界面显示模块、组件配置界面生成模块、第一绑定模块、第二绑定模块和组件关联模块;
所述界面显示模块,用于显示包含若干个待编辑组件的可视化界面;
所述组件配置界面生成模块,用于对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;
所述第一绑定模块,用于在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;
所述第二绑定模块,用于在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;
所述组件关联模块,用于在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。
本发明一实施例提供了一种基于数据联动的组件数据展示装置,包括:数据关联功能判断模块和数据展示模块;
所述数据关联功能判断模块,用于在接收到一目标组件的数据展示指令时,判断所述目标组件的数据关联功能是否开启;其中,所述目标组件为基于数据联动的组件配置方法进行配置的;
所述数据展示模块,用于在判断所述目标组件的数据关联功能开启时,则根据目标组件的层级确定所对应的上级目标组件;根据上级目标组件所选定的字典值数据,在对应的数据关系表中确定所选定的字典值数据所对应的下一层级的所有字典数据;将下一层级的所有字典值数据作为所述目标组件的待显示数据,进行数据展示;
在判断所述目标组件的数据关联功能关闭时,则将目标组件在对应的关联数据表中对应的字典目录下的所有字典值数据作为待显示数据,进行数据展示。
通过实施本发明具有如下有益效果:
本发明实施例提供了一种基于数据联动的组件配置方法、数据展示方法及装置,所述组件配置方法包括:对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。与现有技术相比,本发明的待编辑组件可以与所选定的关联数据表和关联数据表中的字典目录进行绑定,从而使得已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,可以根据各自的字典目录在关联数据表中所对应的层级,进行关联,从而实现了通过数据联动的方式对组件进行关联绑定,即使一组件需要关联几十甚至上百的上一级或下一级组件或选项时,采用本发明的配置方法不需要对每个组件的数据进行编写一个更新函数,也不需要在每次更新时都要查找和执行更新函数,而是通过数据联动的方式对组件进行关联绑定,从而实现一个组件与多个组件进行绑定关联,不仅降低了代码的开发难度和开发耗时,还提高了组件配置的效率。
附图说明
图1是本发明一实施例提供的一种基于数据联动的组件配置方法的流程示意图。
图2是本发明一实施例提供的组件配置界面的示意图。
图3是本发明一实施例提供的树形结构的数据关联表的部分结构示意图。
图4是本发明一实施例提供的基于数据联动的组件配置方法的另一流程示意图。
图5是本发明一实施例提供的多个不同关联类型的组件配置的示意图。
图6是本发明一实施例提供的一种基于数据联动的组件数据展示方法的流程示意图。
图7是本发明一实施例提供的基于数据联动的组件数据展示方法的另一流程示意图。
图8是本发明一实施例提供的一种基于数据联动的组件配置装置的结构示意图。
图9是本发明一实施例提供的一种基于数据联动的组件数据展示装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,是本发明一实施例提供的一种基于数据联动的组件配置方法的流程示意图;
本发明一实施例提供了的一种基于数据联动的组件配置方法,包括:
步骤S1:显示包含若干个待编辑组件的可视化界面;
步骤S2:对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;
步骤S3:在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;
步骤S4:在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;
步骤S5:在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;
将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。
对于步骤S1,在一个优选的实施例中,显示出包含若干个待编辑组件的可视化界面,以便用户可以对待编辑组件进行拖动或选定,进行配置。
对于步骤S2,在一个优选的实施例中,对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成如图2所示的组件配置界面;
其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口,即图中的用于配置待编辑组件所对应的数据表表头的第三接口;
对于步骤S3和步骤S4,在一个优选的实施例中,在响应作用于第二接口所对应的显示区域的表名选定操作时,通过第二接口接收包含有所选定的目标表名的关联数据表绑定指令;
根据所述关联数据表绑定指令,确定对应的目标关联数据表,将待编辑组件与目标关联数据表进行绑定;
根据待编辑组件所绑定的关联数据表,生成所述第三接口所对应的待选定字典目录,以使用户根据所述待选定字典目录选取需要进行绑定的字典目录;
在响应用户作用于第三接口所对应的显示区域的字典目录选定操作时,通过所述第三接口接收字典目录绑定指令,并将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定。
具体的,用户在对组件进行实现数据关联和绑定时,可通过响应用户选定的表名,将该表名对应的数据关联表与组件进行绑定,从而显示出该数据关联表中对应的字典目录,以便用户可以根据这些待选定字典目录选取需要进行绑定的字典目录,如图2中的所属机房这一字典目录决定网络区域这一字典目录,网络区域再分别这一字典目录决定操作系统、磁盘类型、GPU显卡、裸金属规格配置对应的字典目录,实现了可以在数据关联表进行绑定后,选择对应的字典目录作为组件的表头,并将对应的表头(即字典目录)与当前的组件进行绑定。
需要说明的是,关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;本发明所述的关联数据表为树形结构数据表,如图3所示,由所属机房这一字典目录决定网络区域这一字典目录,网络区域再分别这一字典目录决定操作系统、磁盘类型、GPU显卡、裸金属规格配置对应的字典目录,从而确定了三个层级关系间组件之间的数据联动关系,即每个层级(如网络区域对应的字典目录)与上层级的所属机房对应的字典目录形成层级关联,则在用户选择组件配置界面中可以从所属机房这一层级的字典目录开始,逐一层级确定当前待编辑组件所要绑定的字典目录,即所要绑定的表头。
在一个优先的实施例中,树形结构的数据关联表表是通过字典项和数据关联表两块功能设计去结合形成的数据表,首先是在字典项中,创建字典目录,每个字典目录都有对应的一个字典值列表,来管理字典目录下的所有字典值。字典项就相当于声明了各种数据,但它们之间并未有任何关系,即只知道字典目录下含有哪些字典值,例如:所属机房这个字典目录下含有机房1、机房2、机房3这三个字典值数据;
然后在数据关联表中,可以自定义创建一个表,在这个表中,所有的数据都是以树形结构去展示的,而这些数据来源则是来源于字典项中的字典值。如图4所示,在数据关联表在添加一层数据时,可以根据每个层级的字典目录去查询并添加选择的字典值,即每一层级的所有字典值对应一字典目录,以此便形成了一个树形结构形式的数据,从而也可以根据一张表中字典目录确定树形层级的数据层级关系。而这个树形结构的数据表,在我们自定义表单中配置待编辑组件时的数据联动时,仅仅是展示它们每个层级的字典目录,也就是在配置时只需关注数据关联表的字典目录关系,即所属机房与网络区域的关系,而具体的值之间关系,即在字典目录为所属机房这个层级中,有若干个字典值:机房1、机房2等;在字典目录为网络区域这个层级中,有若干个字典值:网络区域1、网络区域2等;而机房1联动显示的是网络区域1以及网络区域2,因此需要在字典目录所属机房与网络区域的层级下查看树形关系时,需要在数据关联表中查看对应的字典值之间的关系(如机房1联动显示的是网络区域1以及网络区域2)的树形结构的数据。
对于步骤S5,在一个优选的实施例中,用户可以通过第一接口进行设置当前待编辑组件是否开启数据关联功能;
在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;若第一接口没有接收数据关联指令,则将所述待编辑组件的数据关联功能设置为关闭。
在一个优选的实施例中,所述将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联,具体包括:
将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,作为待关联组件;
对于每一待关联组件,根据所对应的关联数据表确定待关联组件的字典目录的层级,并将字典目录的层级作为对应待关联组件的层级;
根据待关联组件的层级,将各待关联组件逐级进行关联。
如图4所示,本发明可以使得在同一张数据关联表的情况下,且开启了数据关联的待关联组件会根据对应的树形数据结构关联表中的上级决定下级的层次关系,动态关联或绑定对应的上层级以及下层级组件,以使得在将数据关联表和字典目录都与组件进行绑定后,并在确认开启同关系表数据关联功能时,可以在当前组件的值发生变化时,在查找同一张关系表并开启关联功能的组件,并根据其绑定的字典目录确认查找到的这一组件是否为当前改变组件的下级组件,若是,就从所属关系表的树形数据中从发生改变的组件的字典目录,往下查找对应的字典值,最后将查找到的字典值更新到当前改变组件的下级组件的选项中,以此实现组件之间的数据联动。
对于多个不同关联类型的组件配置,若检测到该待编辑选择组件不开启数据关联功能时,则使得该编辑选择组展示绑定的字典目录下的所有字典值数据,即表头下的所有数据。示意性的,如图5所示,若检测不到有其他组件与一组件绑定同一关系表,即使开启了数据关联绑定功能,但是此时不受其他组件的联动数据展示,则也展示出该表头下所有的数据,即绑定的字典目录下所有的字典值数据。因此,本发明的组件配置方法,可以满足用户的不同的配置需求,且无需增加代码量,而是通过可视化的配置方式以及结合树形结构数据表的方案,来实现不同要求的组件配置。
在一个优选的实施例中,为了更方便地理解本发明的字典目录作为表头的绑定关联过程,以数据关联表A中包含有字典目录为省-市-县为例进行说明,数据关联表A中的省包括广东省和福建省,广东省包括广州市、佛山市和深圳市,广州市下的县级为天河区、海珠区和越秀区;福建省包括福州市、厦门市和漳州市,福州市包括鼓楼区、台江区和仓山区;
当用户将组件1、组件2和组件3和 数据关联表A进行绑定,且组件1绑定的字典目录为省,组件2绑定的字典目录为市,组件3绑定的字典目录为县,将这些已开启数据关联功能且所对应的关联数据表一致的组件1、组件2和组件3,作为待关联组件;对于每一待关联组件,即对于待关联组件1,根据所对应的关联数据表A确定待关联组件1的字典目录的层级为省,并将字典目录的层级作为对应待关联组件1的层级,对于待关联组件2,则确定待关联组件2的字典目录的层级为市,确定待关联组件3的字典目录的层级为县,根据待关联组件的层级为省-市-县,将待关联组件1、待关联组件2和待关联组件3逐级进行关联。
则在组件1的值发生变化时,即用户对于组件1的值选定为广东省后,则查找到同一张关系表并开启关联功能的组件2,从所属的数据关联表A的树形数据中从发生改变的组件1的字典目录为省,往下查找对应的字典值,最后将查找到广东省下的字典值为广州市、佛山市和深圳市,则将广州市、佛山市和深圳市更新到当前改变组件1的下级组件2的选项中,使得组件2的显示区域自动根据组件1中所选定的省级名称确定出广东省下的各个市级名称,以此实现组件之间的数据联动。因此,不难得出,当组件1的选定值为福建省时,则组件2自动更新展示的数据为福建省下的各个市级名称,如福州市、厦门市和漳州市;而当组件2的选定值为福州市时,则组件3自动更新展示的数据为福州市下的各个县区名称,如鼓楼区、台江区和仓山区。
本发明可以解决现有技术中通过配置函数去确定各个组件间的数据关系这一代码量多且开发难度大的问题,即现有技术中需要在每次选组组件值发生改变的时候去请求对应选择组件值方案中的使用难度高、关系复用性低的函数,导致操作不方便,数据关系不直观的问题,而通过本发明的可视化组件配置方法,可以基于树形结构的数据表来确定数据上下级关系,实现可视化展示数据的字典目录层级关系,即通过绑定数据中某个节点,动态联动下一级或下多级的节点数据形成的组件,使得各个组件间可以实现数据关联功能,采用本发明的配置方法不需要对每个组件的数据进行编写一个更新函数,也不需要在每次更新时都要查找和执行更新函数,而是通过数据联动的方式对组件进行关联绑定,从而实现一个组件与多个组件进行绑定关联,不仅降低了代码的开发难度和开发耗时,还提高了组件配置的效率。
如图6所示,为本发明的另一实施例提供的一种基于数据联动的组件数据展示方法的流程示意图,一种基于数据联动的组件数据展示方法,包括:
在接收到一目标组件的数据展示指令时,判断所述目标组件的数据关联功能是否开启;其中,所述目标组件为通过数据联动的组件配置方法进行配置的;
若是,则根据目标组件的层级确定所对应的上级目标组件;根据上级目标组件所选定的字典值数据,在对应的数据关系表中确定所选定的字典值数据所对应的下一层级的所有字典数据;将下一层级的所有字典值数据作为所述目标组件的待显示数据,进行数据展示;
若否,则将目标组件在对应的关联数据表中对应的字典目录下的所有字典值数据作为待显示数据,进行数据展示。
具体的,在检测到用户对某个组件进行点击或选定时,则接收到该组件的数据展示指令,此时判断数据关联功能是否开启,例如,当用户点击市级对应的目标组件,若开启了数据关联功能,根据目标组件的层级(市级)确定所对应的上级目标组件(省级对应的组件);根据上级目标组件所选定的字典值数据,如用户选择了广东省,则在对应的数据关系表A中确定所选定的广东省所对应的下一层级的所有字典数,如广州市、佛山市和深圳市;
将广州市、佛山市和深圳市作为所述目标组件的待显示数据,进行数据展示,即在当前用户点击的组件中进行展示广州市、佛山市和深圳市,以用户进行选择;
若否,则将用户点击市级对应的目标组件在对应的关联数据表中对应的字典目录为市级下的所有市的名称的字典值数据,作为待显示数据,进行数据展示,以供用户进行选择。
如图7所示,在检测到一个完成配置的组件的值发生改变时,则在页面中查找同一张关系表并开启关联功能的选择组件,当表单中存在同关系表的下级组件时,则根据当前组件的值(如广州市),自动更改下一级选择组件的选项(如天河区、海珠区和越秀区),以此实现选择组件间的数据联动。
则本发明通过对组件进行数据联动配置后,使得完成配置后的组件可以根据用户选定的值,将关联的下级组件进行一个自动更新,实现了组件间的数据联动。而本发明也通过关联关系表的设计来复用关系表,从而复用关系表中的数据关系,使得在配置组件时只需选择关系表即可操作更简单,只需选择关系表,在对应选择组件中配置关系表的表头即可确定各个组件间的层级关系,并实现各个组件的关联绑定。
如图8所示,在上述各种基于数据联动的组件配置方法的实施例的基础上,本发明对应提供了装置项实施例;
本发明一实施例提供了一种基于数据联动的组件配置装置,包括:界面显示模块、组件配置界面生成模块、第一绑定模块、第二绑定模块和组件关联模块;
所述界面显示模块,用于显示包含若干个待编辑组件的可视化界面;
所述组件配置界面生成模块,用于对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;
所述第一绑定模块,用于在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;
所述第二绑定模块,用于在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;
所述组件关联模块,用于在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。
如图9所示,在上述基于数据联动的组件数据展示方法的实施例的基础上,本发明对应提供了装置项实施例;
本发明一实施例提供了一种基于数据联动的组件数据展示装置,包括:数据关联功能判断模块和数据展示模块;
所述数据关联功能判断模块,用于在接收到一目标组件的数据展示指令时,判断所述目标组件的数据关联功能是否开启;其中,所述目标组件为基于数据联动的组件配置方法进行配置的;
所述数据展示模块,用于在判断所述目标组件的数据关联功能开启时,则根据目标组件的层级确定所对应的上级目标组件;根据上级目标组件所选定的字典值数据,在对应的数据关系表中确定所选定的字典值数据所对应的下一层级的所有字典数据;将下一层级的所有字典值数据作为所述目标组件的待显示数据,进行数据展示;
在判断所述目标组件的数据关联功能关闭时,则将目标组件在对应的关联数据表中对应的字典目录下的所有字典值数据作为待显示数据,进行数据展示。
需说明的是,以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,既可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外,本发明提供的装置实施例附图中,模块之间的连接关系表示它们之间具有通信连接,具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
所属领域的技术人员可以清楚地了解到,为的方便和简洁,上述描述的装置的具体工作过程,可参考前述方法实施例中对应的过程,在此不再赘述。
以上所述是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围。
Claims (8)
1.一种基于数据联动的组件配置方法,其特征在于,包括:
显示包含若干个待编辑组件的可视化界面;
对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;
在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;
在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;
在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;
将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。
2.如权利要求1所述的一种基于数据联动的组件配置方法,其特征在于,所述在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定,包括:
在响应作用于第二接口所对应的显示区域的表名选定操作时,通过第二接口接收包含有所选定的目标表名的关联数据表绑定指令;
根据所述关联数据表绑定指令,确定对应的目标关联数据表,将待编辑组件与目标关联数据表进行绑定。
3.如权利要求2所述的一种基于数据联动的组件配置方法,其特征在于,在通过所述第三接口接收字典目录绑定指令之前,还包括:
根据待编辑组件所绑定的关联数据表,生成所述第三接口所对应的待选定字典目录,以使用户根据所述待选定字典目录选取需要进行绑定的字典目录;
所述在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定,包括:
在响应用户作用于第三接口所对应的显示区域的字典目录选定操作时,通过所述第三接口接收字典目录绑定指令,并将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定。
4.如权利要求1所述的一种基于数据联动的组件配置方法,其特征在于,所述将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联,具体包括:
将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,作为待关联组件;
对于每一待关联组件,根据所对应的关联数据表确定待关联组件的字典目录的层级,并将字典目录的层级作为对应待关联组件的层级;
根据待关联组件的层级,将各待关联组件逐级进行关联。
5.如权利要求1所述的一种基于数据联动的组件配置方法,其特征在于,还包括:
若第一接口没有接收数据关联指令,则将所述待编辑组件的数据关联功能设置为关闭。
6.一种基于数据联动的组件数据展示方法,其特征在于,包括:
在接收到一目标组件的数据展示指令时,判断所述目标组件的数据关联功能是否开启;其中,所述目标组件为通过权利要求1-5任意一项所述的基于数据联动的组件配置方法进行配置的;
若是,则根据目标组件的层级确定所对应的上级目标组件;根据上级目标组件所选定的字典值数据,在对应的数据关系表中确定所选定的字典值数据所对应的下一层级的所有字典数据;将下一层级的所有字典值数据作为所述目标组件的待显示数据,进行数据展示;
若否,则将目标组件在对应的关联数据表中对应的字典目录下的所有字典值数据作为待显示数据,进行数据展示。
7.一种基于数据联动的组件配置装置,其特征在于,包括:界面显示模块、组件配置界面生成模块、第一绑定模块、第二绑定模块和组件关联模块;
所述界面显示模块,用于显示包含若干个待编辑组件的可视化界面;
所述组件配置界面生成模块,用于对于每一待编辑组件,在响应作用于待编辑组件的配置操作时,生成组件配置界面;其中,所述组件配置界面包括:用于指示开启数据关联的第一接口、用于配置待编辑组件所对应的关联数据表的第二接口,以及用于配置待编辑组件所对应的字典目录的第三接口;其中,所述关联数据表包括若干层级的字典值数据,同一层级的字典值数据对应相同的字典目录;
所述第一绑定模块,用于在通过所述第二接口接收关联数据表绑定指令时,将待编辑组件与所述关联数据表绑定指令中所选定的关联数据表进行绑定;
所述第二绑定模块,用于在通过所述第三接口接收字典目录绑定指令时,将待编辑组件与所述字典目录绑定指令中所选定的字典目录进行绑定;
所述组件关联模块,用于在通过所述第一接口接收数据关联指令时,将所述待编辑组件的数据关联功能设置为开启;将已开启数据关联功能且所对应的关联数据表一致的各待编辑组件,按各待编辑组件的字典目录在关联数据表中所对应的层级进行关联。
8.一种基于数据联动的组件数据展示装置,其特征在于,包括:数据关联功能判断模块和数据展示模块;
所述数据关联功能判断模块,用于在接收到一目标组件的数据展示指令时,判断所述目标组件的数据关联功能是否开启;其中,所述目标组件为通过权利要求1-5任意一项所述的基于数据联动的组件配置方法进行配置的;
所述数据展示模块,用于在判断所述目标组件的数据关联功能开启时,则根据目标组件的层级确定所对应的上级目标组件;根据上级目标组件所选定的字典值数据,在对应的数据关系表中确定所选定的字典值数据所对应的下一层级的所有字典数据;将下一层级的所有字典值数据作为所述目标组件的待显示数据,进行数据展示;
在判断所述目标组件的数据关联功能关闭时,则将目标组件在对应的关联数据表中对应的字典目录下的所有字典值数据作为待显示数据,进行数据展示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310883027.9A CN116594604B (zh) | 2023-07-19 | 2023-07-19 | 一种基于数据联动的组件配置方法、数据展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310883027.9A CN116594604B (zh) | 2023-07-19 | 2023-07-19 | 一种基于数据联动的组件配置方法、数据展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116594604A true CN116594604A (zh) | 2023-08-15 |
CN116594604B CN116594604B (zh) | 2024-02-09 |
Family
ID=87606693
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310883027.9A Active CN116594604B (zh) | 2023-07-19 | 2023-07-19 | 一种基于数据联动的组件配置方法、数据展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116594604B (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2010003104A (ja) * | 2008-06-20 | 2010-01-07 | Internatl Business Mach Corp <Ibm> | 開発支援装置、方法、およびプログラム |
CN103885762A (zh) * | 2012-12-21 | 2014-06-25 | 中国银联股份有限公司 | 一种基于文件字典拼装的文件开发工具装置以及方法 |
CN107273122A (zh) * | 2017-06-07 | 2017-10-20 | 深圳市卓讯信息技术有限公司 | 基于解耦机制的可迭代组建业务系统的方法及其终端 |
CN109299288A (zh) * | 2018-11-09 | 2019-02-01 | 北京锐安科技有限公司 | 字典数据的读取方法、装置、服务器和存储介质 |
US20200356350A1 (en) * | 2019-05-10 | 2020-11-12 | Fasility Llc | Methods and Systems for Visual Programming using Polymorphic, Dynamic Multi-Dimensional Structures |
CN112559616A (zh) * | 2020-12-20 | 2021-03-26 | 大唐互联科技(武汉)有限公司 | 一种数据大屏可视化组件的动态数据绑定方法及系统 |
CN113434425A (zh) * | 2021-07-06 | 2021-09-24 | 重庆唯哲科技有限公司 | 一种可快速开发测控系统及测控系统看板 |
US20210349700A1 (en) * | 2019-07-15 | 2021-11-11 | Tencent Technology (Shenzhen) Company Limited | Mini program data binding method and apparatus, device, and storage medium |
CN114428771A (zh) * | 2021-12-29 | 2022-05-03 | 北京明易达科技股份有限公司 | 基于表单设计的通用数据库模型生成方法、装置和设备 |
CN115981643A (zh) * | 2022-12-02 | 2023-04-18 | 深圳市蓝凌软件股份有限公司 | 业务关联组件的配置方法、系统、设备及存储介质 |
WO2023103247A1 (zh) * | 2021-12-09 | 2023-06-15 | 腾讯科技(深圳)有限公司 | 一种组件及策略联动方法、装置、设备、系统及存储介质 |
US20230196230A1 (en) * | 2017-08-02 | 2023-06-22 | Strong Force Iot Portfolio 2016, Llc | User interface for industrial digital twin system analyzing data to determine structures with visualization of those structures with reduced dimensionality |
CN116431138A (zh) * | 2022-11-24 | 2023-07-14 | 昆仑数智科技有限责任公司 | 组件模板的建立方法和装置、表单建立方法和装置 |
-
2023
- 2023-07-19 CN CN202310883027.9A patent/CN116594604B/zh active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2010003104A (ja) * | 2008-06-20 | 2010-01-07 | Internatl Business Mach Corp <Ibm> | 開発支援装置、方法、およびプログラム |
CN103885762A (zh) * | 2012-12-21 | 2014-06-25 | 中国银联股份有限公司 | 一种基于文件字典拼装的文件开发工具装置以及方法 |
CN107273122A (zh) * | 2017-06-07 | 2017-10-20 | 深圳市卓讯信息技术有限公司 | 基于解耦机制的可迭代组建业务系统的方法及其终端 |
US20230196230A1 (en) * | 2017-08-02 | 2023-06-22 | Strong Force Iot Portfolio 2016, Llc | User interface for industrial digital twin system analyzing data to determine structures with visualization of those structures with reduced dimensionality |
CN109299288A (zh) * | 2018-11-09 | 2019-02-01 | 北京锐安科技有限公司 | 字典数据的读取方法、装置、服务器和存储介质 |
US20200356350A1 (en) * | 2019-05-10 | 2020-11-12 | Fasility Llc | Methods and Systems for Visual Programming using Polymorphic, Dynamic Multi-Dimensional Structures |
US20210349700A1 (en) * | 2019-07-15 | 2021-11-11 | Tencent Technology (Shenzhen) Company Limited | Mini program data binding method and apparatus, device, and storage medium |
CN112559616A (zh) * | 2020-12-20 | 2021-03-26 | 大唐互联科技(武汉)有限公司 | 一种数据大屏可视化组件的动态数据绑定方法及系统 |
CN113434425A (zh) * | 2021-07-06 | 2021-09-24 | 重庆唯哲科技有限公司 | 一种可快速开发测控系统及测控系统看板 |
WO2023103247A1 (zh) * | 2021-12-09 | 2023-06-15 | 腾讯科技(深圳)有限公司 | 一种组件及策略联动方法、装置、设备、系统及存储介质 |
CN114428771A (zh) * | 2021-12-29 | 2022-05-03 | 北京明易达科技股份有限公司 | 基于表单设计的通用数据库模型生成方法、装置和设备 |
CN116431138A (zh) * | 2022-11-24 | 2023-07-14 | 昆仑数智科技有限责任公司 | 组件模板的建立方法和装置、表单建立方法和装置 |
CN115981643A (zh) * | 2022-12-02 | 2023-04-18 | 深圳市蓝凌软件股份有限公司 | 业务关联组件的配置方法、系统、设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
杨仁宝等: "基于组件技术的通用指挥系统框架设计", 信息技术与网络安全, no. 09 * |
Also Published As
Publication number | Publication date |
---|---|
CN116594604B (zh) | 2024-02-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109471676B (zh) | 参数配置处理方法和装置 | |
CN107908542B (zh) | 测试用例创建方法、装置、计算机设备及存储介质 | |
US6263347B1 (en) | System for linking data between computer and portable remote terminal and data linking method therefor | |
JP2019512816A (ja) | ページリソースの配置方法及び装置 | |
US7814411B2 (en) | Method and apparatus for adapting external controls to a portal design | |
CN107438814A (zh) | 移动设备上的实体动作建议 | |
WO2016199018A1 (en) | System and method for the generation of an adaptive user interface in a website building system | |
WO2011137079A2 (en) | Spin control user interface for selecting options | |
JP2009123022A (ja) | 文書管理装置、文書管理方法、プログラム及び記憶媒体 | |
CN110083671A (zh) | 一种可配置化管理的WebGIS系统 | |
CN105159673A (zh) | 一种设置控件样式的方法和装置 | |
CA2429558A1 (en) | Presentation of multilingual metadata | |
CN109726295A (zh) | 品牌知识图谱显示方法、装置、图服务器及存储介质 | |
CN106126115A (zh) | 一种扩展虚拟机的磁盘的方法及装置 | |
CN116594604B (zh) | 一种基于数据联动的组件配置方法、数据展示方法及装置 | |
CN111191174A (zh) | 雪碧图集成方法、系统及装置 | |
CN116166862B (zh) | 一种基于组态编辑器的多源数据融合方法、系统及设备 | |
US20130086471A1 (en) | Workflow integration and management of presentation options | |
CN101582068A (zh) | 一种组织地理数据的方法及系统 | |
CN109902275B (zh) | 一种自定义表格的方法以及电子设备 | |
CN115237395A (zh) | 一种web程序代码自动生成算法系统 | |
JP2009009207A (ja) | Soaアーキテクチャのシステム設計支援方法およびsoaアーキテクチャのシステム設計支援装置 | |
JP6251860B2 (ja) | 情報管理装置並びにファイル管理方法 | |
CN103970790A (zh) | 报表组合方法及设备 | |
CN101241436B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |