CN116679856B - 可视化的应用界面构建方法、装置、设备、存储介质 - Google Patents
可视化的应用界面构建方法、装置、设备、存储介质 Download PDFInfo
- Publication number
- CN116679856B CN116679856B CN202310568540.9A CN202310568540A CN116679856B CN 116679856 B CN116679856 B CN 116679856B CN 202310568540 A CN202310568540 A CN 202310568540A CN 116679856 B CN116679856 B CN 116679856B
- Authority
- CN
- China
- Prior art keywords
- target
- interface
- control
- displaying
- selectable
- 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.)
- Active
Links
- 238000010276 construction Methods 0.000 title claims abstract description 33
- 230000000007 visual effect Effects 0.000 title claims abstract description 25
- 230000006870 function Effects 0.000 claims description 41
- 238000000034 method Methods 0.000 claims description 29
- 230000004048 modification Effects 0.000 claims description 13
- 238000012986 modification Methods 0.000 claims description 13
- 238000004891 communication Methods 0.000 claims description 10
- 230000004044 response Effects 0.000 claims description 9
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000008676 import Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提出了一种可视化的应用界面构建方法、装置、设备、存储介质,其方法包括:显示构件界面和画布界面构件界面,包括有可选工具和可选构件;响应于对第一构件的点击操作,导入可选文件到画布界面中的第一功能界面中得到目标文件,目标文件包括可选实体;响应于对第二构件的点击操作,获取在目标文件到画布界面中的第一操作界面;当检测到目标工具被拖动至第一操作界面,显示与目标工具所对应的目标控件;从可选实体中选择目标实体,在目标控件上显示目标实体;显示目标控件的多个预设业务规则,从预设业务规则中选取目标规则,将目标规则配置到目标控件后,生成调用目标控件的目标应用界面。能够提高应用界面的构建效率。
Description
技术领域
本发明涉及应用界面构建技术领域,特别涉及一种可视化的应用界面构建方法、装置、设备、存储介质。
背景技术
目前应用界面的构建过程需要开发人员根据需求对应性地编写代码,即使是应用界面中一些常见的、通用的功能模块,也需要开发人员重新编写代码,导致整个项目需要耗费很长的时间。对此,目前通常对代码进行封装形成规则和控件,通过对控件和规则进行拖拽、选择得到最终的逻辑代码,但是这只能实现简单的功能堆叠,最终得到的应用界面与项目实际需要的数据是脱节的,需要后期人为进行对应的调整,并不能直接进行应用。
发明内容
本发明旨在至少解决现有技术中存在的技术问题之一。为此,本发明提出一种可视化的应用界面构建方法、装置、设备、存储介质,能够提高应用界面的构建效率。
第一方面,本发明实施例提供了一种可视化的应用界面构建方法,包括:
显示构件界面和画布界面,所述构件界面与所述画布界面并列设置,所述构件界面包括有多个可选工具和可选构件,所述可选构件包括第一构件和第二构件;
响应于对第一构件的点击操作,在所述画布界面中显示第一功能界面,导入可选文件到所述第一功能界面中得到目标文件,所述目标文件包括多个可选实体;
响应于对第二构件的点击操作,在所述画布界面中显示第一操作界面,获取在所述第一功能界面中导入的目标文件;
当检测到目标工具被拖动至所述第一操作界面,显示与所述目标工具所对应的目标控件,所述目标工具为被选取的所述可选工具;
从所述可选实体中选择目标实体,在所述目标控件上显示所述目标实体;
显示所述目标控件的多个预设业务规则,从所述预设业务规则中选取目标规则,将所述目标规则配置到所述目标控件后,生成调用所述目标控件的目标应用界面。
根据本发明的一些实施例,当所述目标控件为查询控件时,所述从所述可选实体中选择目标实体,在所述目标控件上显示所述目标实体,还包括:
从所述可选实体中选择所述目标实体;
从预设的多个操作符中选择目标操作符;
将所述目标实体与所述操作符进行关联,显示所述目标实体在所述查询控件上。
根据本发明的一些实施例,所述显示所述目标控件的多个预设业务规则,包括:
响应于对所述目标控件的点击操作,显示属性界面,所述属性界面与所述画布界面并列设置,所述属性界面中包括有事件控件;
响应于对事件控件的点击操作,在所述第一操作界面中包括有多个预设业务规则。
根据本发明的一些实施例,所述属性界面还包括有功能控件,所述显示所述目标控件的多个预设业务规则,从所述预设业务规则中选取目标规则,将所述目标规则配置到所述目标控件后,生成调用所述目标控件的目标应用界面,还包括:
响应于对所述属性界面中所述功能控件的点击操作,显示所述功能控件在所述目标控件上;
在所述第一操作界面中,从所述预设业务规则中选取目标规则,根据所述目标规则将新增的第二操作界面与所述功能控件进行关联。
根据本发明的一些实施例,所述第二操作界面的构建,包括:
响应于对所述第二构件的点击操作,在所述画布界面中显示第二操作界面,获取在所述第一功能界面中导入的所述目标文件;
当检测到目标工具被拖动至所述第二操作界面,显示与所述目标工具所对应的所述目标控件;
从所述可选实体中选择目标实体,在所述目标控件上显示所述目标实体;
从所述目标文件的所述可选实体中获取标识码作为所述第二操作界面中所述目标控件的输入参数,其中,所述标识码为所述目标文件中唯一标识自己属性的所述可选实体;
显示所述目标控件的多个预设业务规则,从所述预设业务规则中选取目标规则,将所述目标规则配置到所述目标控件,得到关联应用界面。
根据本发明的一些实施例,所述在所述第一操作界面中,从所述预设业务规则中选取目标规则,根据所述目标规则将新增的第二操作界面与所述功能控件进行关联,包括:
当所述功能控件为增加控件时,在所述第一操作界面中从所述预设业务规则进行选取得到目标规则,根据所述目标规则将所述第二操作界面与所述增加控件进行关联,获取所述第二操作界面返回的数据,将所述第二操作界面返回的数据显示在所述功能控件所在的所述目标控件上;
当所述功能控件为修改控件时,在所述第一操作界面中从所述预设业务规则进行选取得到目标规则,根据所述目标规则将所述第二操作界面与所述修改控件进行关联,并从所述目标文件中获取所述标识码作为输入到所述第二操作界面中的所述输入参数,获取所述第二操作界面返回的数据,将所述第二操作界面返回的数据在所述功能控件所在的所述目标控件上进行显示。
根据本发明的一些实施例,所述画布界面还并行设置有工具栏界面,所述当检测到目标工具被拖动至所述第一操作界面,显示与所述目标工具所对应的目标控件,所述目标工具为被选取的所述可选工具,包括:
响应于对所述目标控件的点击操作,选定所述目标控件;
响应于对所述工具栏界面中的布局工具的点击操作,对所述目标控件的形状和位置进行调整。
第二方面,本发明实施例提供了一种可视化的应用界面构建装置,包括至少一个控制处理器和用于与所述至少一个控制处理器通信连接的存储器;所述存储器存储有可被所述至少一个控制处理器执行的指令,所述指令被所述至少一个控制处理器执行,以使所述至少一个控制处理器能够执行如上述第一方面所述的可视化的应用界面构建方法。
第三方面,本发明实施例提供了一种电子设备,其特征在于,包括如上述第二方面所述的可视化的应用界面构建装置。
第四方面,本发明实施例提供了一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行如上述第一方面所述的可视化的应用界面构建方法。
根据本发明实施例的可视化的应用界面构建方法、装置、设备、存储介质,至少具有如下有益效果:显示构件界面和画布界面,所述构件界面与所述画布界面并列设置,所述构件界面包括有多个可选工具和可选构件,所述可选构件包括第一构件和第二构件;响应于对第一构件的点击操作,在所述画布界面中显示第一功能界面,导入可选文件到所述第一功能界面中得到目标文件,所述目标文件包括多个可选实体;响应于对第二构件的点击操作,在所述画布界面中显示第一操作界面,获取在所述第一功能界面中导入的目标文件;当检测到目标工具被拖动至所述第一操作界面,显示与所述目标工具所对应的目标控件,所述目标工具为被选取的所述可选工具;从所述可选实体中选择目标实体,在所述目标控件上显示所述目标实体;显示所述目标控件的多个预设业务规则,从所述预设业务规则中选取目标规则,将所述目标规则配置到所述目标控件后,生成调用所述目标控件的目标应用界面。根据本发明实施例的技术方案,通过拖拉目标工具到画布界面上得到目标控件,获取目标文件到第一操作界面,将目标文件中选定的目标实体显示在目标控件上,将选择的目标规则配置到目标控件上,得到目标应用界面,整个应用界面构建过程无需编写代码,同时得到的目标应用界面与目标文件相关联,不需要后期人为进行相关的数据关联调整,提高了构建效率。
附图说明
图1是本发明一个实施例提供的可视化的应用界面构建方法的流程图;
图2是本发明另一个实施例提供的可视化的调整控件的流程图;
图3是本发明另一个实施例提供的对查询控件进行配置的流程图;
图4是本发明另一个实施例提供的将第二操作界面与功能控件进行关联的流程图;
图5是本发明另一个实施例提供的构建第二操作界面的流程图;
图6是本发明另一个实施例提供的对功能控件进行配置的流程图;
图7是本发明另一个实施例提供的导入文件到第一功能界面的示意图;
图8是本发明另一个实施例提供的在第一功能界面得到目标文件的示意图;
图9是本发明另一个实施例提供的将目标实体在目标控件上进行显示的示意图;
图10是本发明另一个实施例提供的预设业务规则的示意图;
图11是本发明另一个实施例提供的目标应用界面的示意图;
图12是本发明另一个实施例提供的关联应用界面的示意图;
图13是本发明另一个实施例提供可视化的应用界面构建装置的结构图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。
在本发明的描述中,需要理解的是,涉及到方位描述,例如上、下、前、后、左、右等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。
在本发明的描述中,若干的含义是一个或者多个,多个的含义是两个以上,大于、小于、超过等理解为不包括本数,以上、以下、以内等理解为包括本数。如果有描述到第一、第二只是用于区分技术特征为目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量或者隐含指明所指示的技术特征的先后关系。
本发明的描述中,除非另有明确的限定,设置、安装、连接等词语应做广义理解,所属技术领域技术人员可以结合技术方案的具体内容合理确定上述词语在本发明中的具体含义。
参考图1,图1为本发明一个实施例提供的可视化的应用界面构建方法的流程图,包括步骤S110-S160:
步骤S110,显示构件界面和画布界面,构件界面与画布界面并列设置,构件界面包括有多个可选工具和可选构件,可选构件包括第一构件和第二构件;
步骤S120,响应于对第一构件的点击操作,在画布界面中显示第一功能界面,导入可选文件到第一功能界面中得到目标文件,目标文件包括多个可选实体。
步骤S130,响应于对第二构件的点击操作,在画布界面中显示第一操作界面,获取在第一功能界面中导入的目标文件。
步骤S140,当检测到目标工具被拖动至第一操作界面,显示与目标工具所对应的目标控件,目标工具为被选取的可选工具。
步骤S150,从可选实体中选择目标实体,在目标控件上显示目标实体。
步骤S160,显示目标控件的多个预设业务规则,从预设业务规则中选取目标规则,将目标规则配置到目标控件后,生成调用目标控件的目标应用界面。
需要说明的是,如图7所述,构件界面1和画布界面2并列设置,为了布局更方便,可以将画布界面2的比例设置得更大。可以在构件界面1上设置有两个页面,如构件视图和工具箱,分别设置有可选构件和可选工具,将二者进行区分,使得画面更一目了然,方便用户的操作。
需要说明的是,参考图7,第一构件为构件界面1中的表构件,点击表构件,在画布界面2中显示第一功能界面,如图7所述,第一功能界面中设置有导入按钮,通过点击第一功能界面中的导入按钮,生成面板,面板中显示有多个选择的文件,如图8所述,将选择的可选文件导入到第一功能界面,其中可选文件包括有多个可选实体,可选实体是根据项目需求预设的实体,通过将可选文件导入到第一功能界面,相当于构建了应用界面的数据库,从而使得最终生成的目标应用界面与项目所需求的数据相关,可以直接进行应用的。无需人工后续对应用界面的数据进行调整,提高了应用平台的构建效率。要说明的是,在生成第一功能界面的时候,第一功能界面中显示有标识码,标识码即为唯一识别属性的可选实体,如图8所示中显示的id,这是构建数据库的必备元素,将可选文件导入到第一功能界面之后,可选文件与标识码共同构成目标文件作为生成应用界面的数据库,即目标文件中包括有可选文件中的可选实体以及标识码这个可选实体。
需要说明的是,如图9所示,第二构件为构件界面1中的窗体构件,点击窗体构件,在画布中显示第一操作界面,更进一步地,为了方便用户进行操作和查看,第一操作界面包括有窗体页面、方法页面和实体页面。在实体页面中获取在第一功能界面中的目标文件,窗体页面作为布局目标控件的页面,最后得到的目标应用界面的页面布局即为在窗体页面中的布局,方法页面用于将目标规则配置到目标控件。通过将页面布局、方法配置、实体导入等不同的操作分到第一操作界面中的不同页面,方便用户的操作。
需要说明的是,点击构件界面1的工具箱按钮,显示有多个可选工具,选取可选工具作为目标工具,拖动目标工具到第一操作界面中的窗体页面,显示与目标工具相对应的目标控件,示例性地,参考图9,目标工具可以是查询条件面板,在第一操作界面中生成对应的查询控件。目标工具也可以是列表工具,在第一操作界面中生成对应的列表控件。
需要说明的是,通过点击目标控件显示对应的配置面板,示例性的,可以是双击或者是右键点击在生成的选项中点击生成配置面板。在配置面板上显示有目标文件对应的可选实体,从可选实体中选择目标实体,将目标实体显示在目标控件上,如图9,查询控件和列表控件上都显示有选择的目标实体。
需要说明的是,根据实际需求从预设业务规则中选取目标规则。示例性地,在预设业务规则中选取从数据库中选取数据到实体作为目标规则,将这个目标规则配置到目标控件,从而使得目标控件中的操作与数据库,即目标文件相关联。通过这种方式生成调用目标控件的目标应用界面,生成的目标应用界面与目标文件相关联,而目标文件是基于项目需求设置的文件,即最后生成的目标应用界面无需人为再进行相关数据的关联,节省了很多步骤,提高了应用界面构建的效率。
在另一实施例中,参考图9,画布界面还并行设置有工具栏界面3,参考图2,步骤S140,当检测到目标工具被拖动至第一操作界面,显示与目标工具所对应的目标控件,目标工具为被选取的可选工具还包括以下步骤:
步骤S141,响应于对目标控件的点击操作,选定目标控件。
步骤S142,响应于对工具栏界面3中的布局工具的点击操作,对目标控件的形状和位置进行调整。
需要说明的是,在画布界面2上面设置有工具栏界面3,工具栏界面3中设置有多个布局工具,点击目标控件对其进行选定,点击布局工具对目标工具进行布局,示例性地,选定列表控件后,选择铺满这个布局工具,列控件会在第一操作界面的窗体页面中铺满。
在另一实施例中,当目标控件为查询控件时,参考图3,步骤S150,从可选实体中选择目标实体,在目标控件上显示目标实体,还包括有步骤S151-S153:
步骤S151,从可选实体中选择目标实体。
步骤S152,从预设的多个操作符中选择目标操作符。
步骤S153,将目标实体与操作符进行关联,显示目标实体在查询控件上。
需要说明的是,当目标工具是查询条件面板的时候,拖拉目标工具到第一操作界面中生成对应的查询控件,点击查询控件生成了配置面板,在配置面板中选择数据源为目标文件,在目标文件中选取可选实体作为目标实体,对目标实体关联的操作符中进行选择,选择“like”操作符作为目标操作,可以理解的是,当目标控件为查询控件的时候,即要实现的功能为查询功能,通过使用“like”操作符可以进行模糊匹配。完成配置之后,将选择的目标实体在查询控件上进行显示,示例性地,选择“合同编号”和“合同名称”作为目标实体并将二者在查询控件上进行显示,此时可以通过在合同编号和/或合同名称中输入字符串,通过模糊匹配实现查询功能。
需要说明的是,根据目标工具的类型,配置面板中显示的需要配置的内容也对应性地进行调整。示例性地,当目标控件是列表控件的时候,在配置面板中绑定并引入选择的目标实体,显示目标实体在列表控件上。
在另一实施例中,参考图10,显示目标控件的多个预设业务规则的过程中,包括:
响应于对目标控件的点击操作,显示属性界面4,属性界面4与画布界面并列设置,属性界面4中包括有事件控件;
响应于对事件控件的点击操作,在第一操作界面中显示有多个预设业务规则。
需要说明的是,响应于对目标控件的点击操作,显示有属性界面4,属性界面4与画布界面并列设置,要说明的是,目标控件与属性界面4是相关联的,即,点击某个目标控件后生成了对应的属性界面4,则在该属性界面4上进行的操作是应用于选择的目标控件上,更进一步地,如果点击整个窗体,则显示的属性界面4面向的是第一操作界面中所有的目标控件。点击事件控件,如图10所示,在第一操作界面中的方法页面生成多个预设业务规则。示例性地,点击查询控件,生成属性界面4,点击属性界面4中的事件控件,生成预设业务规则,选择从数据库中获取数据到实体这个预设业务规则作为目标规则,对查询控件进行配置。
在另一实施例中,参考图10,属性界,4还包括有功能控件,参考图4,步骤S160,显示目标控件的多个预设业务规则,从预设业务规则中选取目标规则,将目标规则配置到目标控件后,生成调用目标控件的目标应用界面,还包括步骤S161-S162:
步骤S161,响应于对属性界面4中功能控件的点击操作,显示功能控件在目标控件上。
步骤S162,在第一操作界面中,从预设业务规则中选取目标规则,根据目标规则将新增的第二操作界面与功能控件进行关联。
需要说明的是,属性界面4上还包括有功能控件,功能控件可以显示在目标控件上,用于对目标控件中的目标实体进行操作。功能控件能与第二操作界面相关联,将第二操作界面返回的数据通过功能控件显示在目标控件上。
在另一实施例中,第二操作界面的构建方法包括步骤S1601-S1605,参考图5:
步骤S1601,响应于对第二构件的点击操作,在画布界面中显示第二操作界面,获取在第一功能界面中导入的目标文件。
步骤S1602,当检测到目标工具被拖动至第二操作界面,显示与目标工具所对应的目标控件。
步骤S1603,从可选实体中选择目标实体,在目标控件上显示目标实体。
步骤S1604,从目标文件的可选实体中获取标识码作为第二操作界面中目标控件的输入参数,其中,标识码为目标文件中唯一标识自己属性的可选实体。
步骤S1605,显示目标控件的多个预设业务规则,从预设业务规则中选取目标规则,将目标规则配置到目标控件,得到关联应用界面。
需要说明的是,第一操作界面和第二操作界面都与第一功能界面中的目标文件相关联,因此从目标文件中获取标识码作为第二操作界面的输入参数,基于标识码为唯一标识自己属性的可选实体这个特征,实现第一操作界面中的功能控件与第二操作界面准确关联。与生成第一操作界面相类似,生成第二操作界面需要点击第二构件在画布界面中生成第二操作界面,第二操作界面中包括有窗体页面、实体页面和方法页面,选定构件页面中的可选工具作为目标工具拖动到第二操作界面,显示与目标工具相对应的目标控件,从可选实体中选择目标实体显示在目标控件上。除此之外,也可以直接点击第二操作界面中的窗体页面,生成控件向导配置界面,从目标文件中选择可选实体作为目标实体,在第二操作界面的窗体页面中以列表的形式生成目标实体对应的目标控件。要注意的是,第二操作界面与第一操作界面的功能控件相关联,在点击功能控件弹出第二操作界面的过程中,第一操作界面会输出参数到第二操作界面,因此,设置第二操作界面的输入参照为标识码,通过将第一操作界面输出的参数与第二操作界面的输入参数进行比对确定第二操作界面要进行的操作。之后通过选择目标控件,将目标控件与目标规则进行配置,得到最终的关联应用界面。参考图11,图11即为调用目标控件的目标应用界面5,点击图11中的新增控件或者修改控件,如图12所示,弹出关联的关联应用界面6,要说明的是,第一操作界面和第二操作界面均导入了目标文件,因此,在目标应用界面5和关联应用界面6中进行的操作均与目标文件中实体相关联,在关联应用界面6中输入数据后,将在关联应用界面6中获取得到的数据显示在目标应用界面5。
在另一实施例中,参考图6,步骤S162,在第一操作界面中,从预设业务规则中选取目标规则,根据目标规则将新增的第二操作界面与功能控件进行关联,包括以下步骤:
步骤S1621,当功能控件为增加控件时,在第一操作界面中从预设业务规则进行选取得到目标规则,根据目标规则将第二操作界面与增加控件进行关联,获取第二操作界面返回的数据,将第二操作界面返回的数据显示在功能控件所在的目标控件上。
步骤S1622,当功能控件为修改控件时,在第一操作界面中从预设业务规则进行选取得到目标规则,根据目标规则将第二操作界面与修改控件进行关联,并从目标文件中获取标识码作为输入到第二操作界面中的输入参数,获取第二操作界面返回的数据,将第二操作界面返回的数据在功能控件所在的目标控件上进行显示。
需要说明的是,功能控件的具体功能在此不做限定。当功能控件是增加控件的时候,在第一操作界面的方法页面中对增加控件进行事件配置,选择打开窗体并返回数据的规则为目标规则,并指定第二操作界面为打开窗体并返回数据规则的执行对象,从而将第二操作界面与增加控件进行关联,在第二操作界面中可以进行数据的输入,并返回数据到第一操作界面当中,将第二操作界面返回的数据显示在功能控件所在的目标控件上。示例性地,新增控件设置在列控件上,因此第二操作界面返回的数据以列的形式显示在列控件上。要说明的是,点击增加控件的时候,输入到第二操作界面的输入参数为空,此时在第二操作界面对应的业务规则中选择新增实体规则,将在第二操作界面中输入的数据添加到目标文件。
需要说明的是,修改控件与增加控件类似:在第一操作界面的方法页面中对修改控件进行事件配置,选择打开窗体并返回数据的规则为目标规则,并指定第二操作界面为打开窗体并返回数据规则的执行对象,从而将敌人操作界面与修改控件记性关联,在第二操作界面中进行数据的输入,并通过修改控件返回第二操作界面中输入的数据到第一操作界面当中,显示返回的数据在功能控件所在的目标控件上。要说明的是,点击修改控件的时候,输入到第二操作界面的输入参数为标识码,此时通过在预设业务规则中选择目标规则获取在第二操作界面中的目标控件中修改后的数据。
需要说明的是,当功能控件为删除控件的时候,在第一操作界面中选取删除数据库中的记录的规则并选择删除实体记录的规则,将数据从目标文件和目标控件中进行删除。
如图13所示,图13是本发明一个实施例提供的可视化的应用界面构建装置的结构图。本发明还提供了一种可视化的应用界面构建装置,包括:
处理器1310,可以采用通用的中央处理器(Central Processing Unit,CPU)、微处理器、应用专用集成电路(Application Specific Integrated Circuit,ASIC)、或者一个或多个集成电路等方式实现,用于执行相关程序,以实现本申请实施例所提供的技术方案;
存储器1320,可以采用只读存储器(Read Only Memory,ROM)、静态存储设备、动态存储设备或者随机存取存储器(Random Access Memory,RAM)等形式实现。存储器1320可以存储操作系统和其他应用程序,在通过软件或者固件来实现本说明书实施例所提供的技术方案时,相关的程序代码保存在存储器1320中,并由处理器1310来调用执行本申请实施例的可视化的应用界面构建方法;
输入/输出接口1330,用于实现信息输入及输出;
通信接口1340,用于实现本设备与其他设备的通信交互,可以通过有线方式(例如USB、网线等)实现通信,也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信;
总线1350,在设备的各个组件(例如处理器1310、存储器1320、输入/输出接口1330和通信接口1340)之间传输信息;
其中处理器1310、存储器1320、输入/输出接口1330和通信接口1340通过总线1350实现彼此之间在设备内部的通信连接。
本申请实施例还提供了一种电子设备,包括如上所述的可视化的应用界面构建装置。
本申请实施例还提供了一种存储介质,存储介质为计算机可读存储介质,该存储介质存储有计算机程序,该计算机程序被处理器执行时实现上述可视化的应用界面构建方法。
存储器作为一种非暂态计算机可读存储介质,可用于存储非暂态软件程序以及非暂态性计算机可执行程序。此外,存储器可以包括高速随机存取存储器,还可以包括非暂态存储器,例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中,存储器可选包括相对于处理器远程设置的存储器,这些远程存储器可以通过网络连接至该处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。以上所描述的装置实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,实现了以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
本领域普通技术人员可以理解,上文中所公开方法中的全部或某些步骤、系统可以被实施为软件、固件、硬件及其适当的组合。某些物理组件或所有物理组件可以被实施为由处理器,如中央处理器、数字信号处理器或微处理器执行的软件,或者被实施为硬件,或者被实施为集成电路,如专用集成电路。这样的软件可以分布在计算机可读介质上,计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的,术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外,本领域普通技术人员公知的是,通信介质通常包括计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据,并且可包括任何信息递送介质。
以上是对本发明的较佳实施进行了具体说明,但本发明并不局限于上述实施方式,熟悉本领域的技术人员在不违背本发明精神的共享条件下还可作出种种等同的变形或替换,这些等同的变形或替换均包括在本发明权利要求所限定的范围内。
Claims (7)
1.一种可视化的应用界面构建方法,其特征在于,包括:
显示构件界面和画布界面,所述构件界面与所述画布界面并列设置,所述构件界面包括有多个可选工具和可选构件,所述可选构件包括第一构件和第二构件;
响应于对第一构件的点击操作,在所述画布界面中显示第一功能界面,导入可选文件到所述第一功能界面中得到目标文件,所述目标文件包括多个可选实体;
响应于对第二构件的点击操作,在所述画布界面中显示第一操作界面,获取在所述第一功能界面中导入的目标文件;
当检测到目标工具被拖动至所述第一操作界面,显示与所述目标工具所对应的目标控件,所述目标工具为被选取的所述可选工具;
从所述可选实体中选择目标实体,在所述目标控件上显示所述目标实体,具体地,当所述目标控件为查询控件时,还包括:从所述可选实体中选择所述目标实体;从预设的多个操作符中选择目标操作符;将所述目标实体与所述操作符进行关联,显示所述目标实体在所述查询控件上;
显示所述目标控件的多个预设业务规则,从所述预设业务规则中选取目标规则,将所述目标规则配置到所述目标控件后,生成调用所述目标控件的目标应用界面,具体包括:响应于对所述目标控件的点击操作,显示属性界面,所述属性界面与所述画布界面并列设置,所述属性界面中包括有事件控件;响应于对事件控件的点击操作,在所述第一操作界面中显示有多个预设业务规则;其中,所述属性界面还包括有功能控件;响应于对所述属性界面中所述功能控件的点击操作,显示所述功能控件在所述目标控件上;在所述第一操作界面中,从所述预设业务规则中选取目标规则,根据所述目标规则将新增的第二操作界面与所述功能控件进行关联。
2.根据权利要求1所述的一种可视化的应用界面构建方法,其特征在于,所述第二操作界面的构建,包括:
响应于对所述第二构件的点击操作,在所述画布界面中显示第二操作界面,获取在所述第一功能界面中导入的所述目标文件;
当检测到目标工具被拖动至所述第二操作界面,显示与所述目标工具所对应的所述目标控件;
从所述可选实体中选择目标实体,在所述目标控件上显示所述目标实体;
从所述目标文件的所述可选实体中获取标识码作为所述第二操作界面中所述目标控件的输入参数,其中,所述标识码为所述目标文件中唯一标识自己属性的所述可选实体;
显示所述目标控件的多个预设业务规则,从所述预设业务规则中选取目标规则,将所述目标规则配置到所述目标控件,得到关联应用界面。
3.根据权利要求2所述的一种可视化的应用界面构建方法,其特征在于,所述在所述第一操作界面中,从所述预设业务规则中选取目标规则,根据所述目标规则将新增的第二操作界面与所述功能控件进行关联,包括:
当所述功能控件为增加控件时,在所述第一操作界面中从所述预设业务规则进行选取得到目标规则,根据所述目标规则将所述第二操作界面与所述增加控件进行关联,获取所述第二操作界面返回的数据,将所述第二操作界面返回的数据显示在所述功能控件所在的所述目标控件上;
当所述功能控件为修改控件时,在所述第一操作界面中从所述预设业务规则进行选取得到目标规则,根据所述目标规则将所述第二操作界面与所述修改控件进行关联,并从所述目标文件中获取所述标识码作为输入到所述第二操作界面中的所述输入参数,获取所述第二操作界面返回的数据,将所述第二操作界面返回的数据在所述功能控件所在的所述目标控件上进行显示。
4.根据权利要求3所述的一种可视化的应用界面构建方法,其特征在于,所述画布界面还并行设置有工具栏界面,所述当检测到目标工具被拖动至所述第一操作界面,显示与所述目标工具所对应的目标控件,所述目标工具为被选取的所述可选工具,包括:
响应于对所述目标控件的点击操作,选定所述目标控件;
响应于对所述工具栏界面中的布局工具的点击操作,对所述目标控件的形状和位置进行调整。
5.一种可视化的应用界面构建装置,其特征在于,包括至少一个控制处理器和用于与所述至少一个控制处理器通信连接的存储器;所述存储器存储有可被所述至少一个控制处理器执行的指令,所述指令被所述至少一个控制处理器执行,以使所述至少一个控制处理器能够执行如权利要求1至4任一项所述的可视化的应用界面构建方法。
6.一种电子设备,其特征在于,包括权利要求5所述的可视化的应用界面构建装置。
7.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行如权利要求1至4任一项所述的可视化的应用界面构建方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310568540.9A CN116679856B (zh) | 2023-05-18 | 2023-05-18 | 可视化的应用界面构建方法、装置、设备、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310568540.9A CN116679856B (zh) | 2023-05-18 | 2023-05-18 | 可视化的应用界面构建方法、装置、设备、存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116679856A CN116679856A (zh) | 2023-09-01 |
CN116679856B true CN116679856B (zh) | 2023-11-28 |
Family
ID=87786379
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310568540.9A Active CN116679856B (zh) | 2023-05-18 | 2023-05-18 | 可视化的应用界面构建方法、装置、设备、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116679856B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109800161A (zh) * | 2018-12-28 | 2019-05-24 | 网宿科技股份有限公司 | 一种用户界面的控件测试方法、电子设备和可存储介质 |
CN113902338A (zh) * | 2021-11-09 | 2022-01-07 | 建信金融科技有限责任公司 | 一种规则配置方法、装置、设备及存储介质 |
CN114035716A (zh) * | 2021-11-11 | 2022-02-11 | 北京字跳网络技术有限公司 | 显示控制方法、装置、电子设备和存储介质 |
CN114116089A (zh) * | 2021-11-08 | 2022-03-01 | 广州鸿大智能科技有限公司 | 一种数据可视化方法、装置、设备及存储介质 |
CN114443034A (zh) * | 2022-01-27 | 2022-05-06 | 中国工商银行股份有限公司 | 优化界面布局的方法、装置、设备及介质 |
-
2023
- 2023-05-18 CN CN202310568540.9A patent/CN116679856B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109800161A (zh) * | 2018-12-28 | 2019-05-24 | 网宿科技股份有限公司 | 一种用户界面的控件测试方法、电子设备和可存储介质 |
CN114116089A (zh) * | 2021-11-08 | 2022-03-01 | 广州鸿大智能科技有限公司 | 一种数据可视化方法、装置、设备及存储介质 |
CN113902338A (zh) * | 2021-11-09 | 2022-01-07 | 建信金融科技有限责任公司 | 一种规则配置方法、装置、设备及存储介质 |
CN114035716A (zh) * | 2021-11-11 | 2022-02-11 | 北京字跳网络技术有限公司 | 显示控制方法、装置、电子设备和存储介质 |
CN114443034A (zh) * | 2022-01-27 | 2022-05-06 | 中国工商银行股份有限公司 | 优化界面布局的方法、装置、设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN116679856A (zh) | 2023-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20230359778A1 (en) | Configuration of a digital twin for a building or other facility via bim data extraction and asset register mapping | |
EP2778929B1 (en) | Test script generation system | |
CN111080170B (zh) | 一种工作流建模方法、装置、电子设备及存储介质 | |
US8966357B2 (en) | User interface for establishing mappings from internal metadata to external metadata | |
US8799796B2 (en) | System and method for generating graphical dashboards with drill down navigation | |
CN110795148A (zh) | 编排文件的生成方法、装置及电子设备 | |
US9015118B2 (en) | Determining and presenting provenance and lineage for content in a content management system | |
CN106874176B (zh) | 智能测试方法和装置 | |
JP2016192205A (ja) | マップ画像およびデータの永続的キャッシング | |
CN103678468A (zh) | 用于概要分析的改进的消费模型的系统和方法 | |
CN111368517B (zh) | Dfmea与pfmea的信息传递可视化方法和系统 | |
US20020038223A1 (en) | Apparatus, method and program for creating information to be provided | |
US20190050412A1 (en) | Information management apparatus, information management method, and information management system | |
JP2020135165A (ja) | 課税情報管理装置、課税情報管理方法及びプログラム | |
CN116679856B (zh) | 可视化的应用界面构建方法、装置、设备、存储介质 | |
US9342530B2 (en) | Method for skipping empty folders when navigating a file system | |
US11526900B2 (en) | Aggregation system and control method of the same | |
CN104820889A (zh) | 一种基于gis的平安城市视频监控系统的工程管理系统 | |
US20210334076A1 (en) | System for providing software development environment, method for providing software development environment, and non-transitory computer readable medium | |
CN109634500B (zh) | 一种用户资料填写方法、装置、终端设备及存储介质 | |
CN114489620A (zh) | 页面配置方法、页面配置系统、电子设备和可读存储介质 | |
CN114065248A (zh) | 用户访问权限的控制方法、装置、电子设备及存储介质 | |
CN112883695A (zh) | 生成报表模板和显示数据报表的方法、装置、设备和介质 | |
JP2016181045A (ja) | 書籍データ閲覧プログラム、書籍データ閲覧方法および情報処理装置 | |
CN111125205A (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 |