CN114265584A - 页面组件生成方法、装置、设备及存储介质 - Google Patents

页面组件生成方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN114265584A
CN114265584A CN202111495801.6A CN202111495801A CN114265584A CN 114265584 A CN114265584 A CN 114265584A CN 202111495801 A CN202111495801 A CN 202111495801A CN 114265584 A CN114265584 A CN 114265584A
Authority
CN
China
Prior art keywords
component
target page
target
page component
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.)
Granted
Application number
CN202111495801.6A
Other languages
English (en)
Other versions
CN114265584B (zh
Inventor
田良
高书航
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China United Network Communications Group Co Ltd
Original Assignee
China United Network Communications Group Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China United Network Communications Group Co Ltd filed Critical China United Network Communications Group Co Ltd
Priority to CN202111495801.6A priority Critical patent/CN114265584B/zh
Publication of CN114265584A publication Critical patent/CN114265584A/zh
Application granted granted Critical
Publication of CN114265584B publication Critical patent/CN114265584B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Stored Programmes (AREA)

Abstract

本申请提供一种页面组件生成方法、装置、设备及存储介质。根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件;对目标页面组件中的参数进行初始化操作;根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码;根据目标可执行代码及初始化后的参数生成目标页面组件。通过对目标页面组件中的参数进行初始化操作,可以无需对目标页面组件的参数进行初始化操作,只需更改可配置属性,就可以直接使用目标页面组件开发页面,可以提升开发页面的效率;通过生成目标页面组件的目标可执行代码,在目标页面组件中扩展或组合基础组件的功能,可以使目标页面组件实现派生功能或组合基础组件的功能。

Description

页面组件生成方法、装置、设备及存储介质
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面组件生成方法、装置、设备及存储介质。
背景技术
组件是一种数据和操作方法的简单封装,使用组件可以实现拖放式编程、快速的属性处理以及面向对象的设计等功能。
现有技术中,使用基础组件开发页面,可以实现页面的快速开发。但是,基础组件的功能不够全面,使用基础组件开发的页面只能实现基础组件的基本功能。并且,在不同页面均需要使用同一组件实现相同功能时,需要重复初始化组件参数,导致开发页面的效率较低。因此,需要一种生成组件的方式,以生成可以实现页面需求,并完成初始化参数的组件。
发明内容
本申请提供一种页面组件生成方法、装置、设备及存储介质,用以解决基础组件的功能不够全面,使用基础组件开发的页面只能实现基础组件的基本功能,并且,在不同页面均需要使用同一组件实现相同功能时,需要重复初始化组件参数,导致开发页面的效率较低的问题。
第一方面,本申请提供一种页面组件生成方法,包括:
根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件;
对目标页面组件中的参数进行初始化操作,所述参数包括基础组件对应的参数和新增参数,所述基础组件对应的参数和/或新增参数中包括预先配置的可配置属性;
根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码;
根据所述目标可执行代码及初始化后的参数生成目标页面组件。
可选地,本申请提供的一种页面组件生成方法,所述对目标页面组件中的参数进行初始化操作之前,还包括:
获取使用目标页面组件的多种页面类型;
确定多种页面类型使用所述目标页面组件时的区别属性;
将所述区别属性确定为所述可配置属性。
可选地,本申请提供的一种页面组件生成方法,所述根据所述可执行代码及初始化后的参数生成目标页面组件之后,还包括:
获取所述目标页面组件所在的目标页面;
响应于用户对目标页面组件的配置操作,显示可配置属性操作界面;
获取用户在所述可配置属性操作界面中对初始化后可配置属性进行的更新操作;
根据更新后的可配置属性的取值将所述目标页面组件实例化为适用于目标页面的页面组件。
可选地,本申请提供的一种页面组件生成方法,所述目标页面组件为常用账户组件;
所述页面类型包括以下页面的任意多种:充值缴费页面,账单页面,电子发票页面,专票查询页面;
所述基础组件包括:弹窗组件及表格组件。
可选地,本申请提供的一种页面组件生成方法,所述根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码,包括:
若确定所述目标页面组件的功能为多个基础组件的复合功能,则根据所述复合功能确定多个基础组件的执行逻辑,并根据所述执行逻辑生成所述目标页面组件的目标可执行代码;
若确定所述目标页面组件的功能为至少一个基础组件的派生功能,则根据所述派生功能生成派生可执行代码,并根据派生可执行代码生成目标可执行代码。
第二方面,本申请提供一种页面组件生成装置,包括:
引用模块,用于根据目标页面组件的功能确定在目标页面组件中待引入的至少一个基础组件;
初始化模块,用于对目标页面组件中的参数进行初始化操作,所述参数包括基础组件对应的参数和新增参数,所述基础组件对应的参数和/或新增参数中包括预先配置的可配置属性;
代码生成模块,用于根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码;
组件生成模块,用于根据所述目标可执行代码及初始化后的参数生成目标页面组件。
可选地,本申请提供的一种页面组件生成装置,还包括:确定可配置属性模块;
所述可配置属性确定模块用于:
获取使用目标页面组件的多种页面类型;确定多种页面类型使用所述目标页面组件时的区别属性;将所述区别属性确定为所述可配置属性。
可选地,本申请提供的一种页面组件生成装置,还包括:可配置属性更新模块;
所述可配置属性更新模块用于:
获取所述目标页面组件所在的目标页面;响应于用户对目标页面组件的配置操作,显示可配置属性操作界面;获取用户在所述可配置属性操作界面中对初始化后可配置属性进行的更新操作;根据更新后的可配置属性的取值将所述目标页面组件实例化为适用于目标页面的页面组件。
第三方面,本申请提供一种电子设备,包括:处理器,以及与所述处理器通信连接的存储器;
所述处理器及所述存储器之间电路互连;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,以实现上述所述的页面组件生成方法。
第四方面,本申请提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现上述所述的页面组件生成方法。
本申请提供的页面组件生成方法、装置、设备及存储介质,根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件;对目标页面组件中的参数进行初始化操作,所述参数包括基础组件对应的参数和新增参数,所述基础组件对应的参数和/或新增参数中包括预先配置的可配置属性;根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码;根据所述目标可执行代码及初始化后的参数生成目标页面组件。通过在目标页面组件中引入至少一个基础组件,可以实现基础组件的功能,无需再生成实现基础组件的功能的目标可执行代码,可以提高生成目标页面组件的效率;通过对目标页面组件中的参数进行初始化操作,可以在目标页面组件中完成参数的初始化,在开发页面时,可以无需对目标页面组件的参数进行初始化操作,只需更改可配置属性,就可以直接使用目标页面组件开发页面,可以提升开发页面的效率;通过根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码,在目标页面组件中扩展和/或组合基础组件的功能,可以使目标页面组件实现派生功能和/或组合基础组件的功能。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
图1为本申请的一种应用场景示意图;
图2为本申请实施例一提供的页面组件生成方法流程图;
图3为本申请实施例二提供的页面组件生成方法流程图;
图4为本申请实施例三提供的页面组件生成方法流程图;
图5为本申请实施例四提供的使用目标页面组件显示的弹窗示意图;
图6为本申请实施例六提供的页面组件生成装置的结构示意图;
图7为本申请实施例七提供的电子设备的结构示意图。
通过上述附图,已示出本申请明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围,而是通过参考特定实施例为本领域技术人员说明本申请的概念。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。在以下各实施例的描述中,“多个”的含义是两个以上,除非另有明确具体的限定。
首先对本发明所涉及的现有技术进行详细说明及分析。
示例性地,layui是一款采用自身模块规范编写的前端UI(用户界面,全称:UserInterface)框架,使用layui中的表格组件无法实现选择删除、跨页选择等功能。并且在不同页面均需要使用layui中的表格组件显示相同表格时,需要重复初始化表格组件参数,导致开发页面的效率较低。
在现有技术中,基础组件的功能不够全面,使用基础组件开发的页面只能实现基础组件的功能,并且,在不同页面均需要使用同一组件实现相同功能时,需要重复初始化组件参数,导致开发页面的效率较低。
发明人在研究中发现,可以在基础组件的基础上生成目标页面组件,针对基础组件的功能不够全面的问题,可以在目标页面组件中扩展基础组件的功能,可以使目标页面组件实现派生功能及基础组件的功能;针对使用基础组件时需要重复初始化参数的问题,可以在目标页面组件中完成参数的初始化。在开发页面时,可以无需对目标页面组件的参数进行初始化操作,只需更改可配置属性,就可以直接使用目标页面组件开发页面,可以提升开发页面的效率。
图1为本申请的一种应用场景示意图,如图1所示,目标页面组件可以为常用账户组件,目标网页可以为充值缴费页面、账单页面、电子发票页面、专票查询页面,基础组件可以为表格组件、弹窗组件。在常用账户组件中,引入表格组件和弹窗组件;在充值缴费页面、账单页面、电子发票页面、专票查询页面中,使用常用账户组件。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
实施例一
图2为本申请实施例一提供的页面组件生成方法流程图,本申请实施例针对基础组件的功能不够全面,使用基础组件开发的页面只能实现基础组件的基本功能,并且,在不同页面均需要使用同一组件实现相同功能时,需要重复初始化组件参数,导致开发页面的效率较低的问题,提供了页面组件生成方法。本实施例中的方法应用于页面组件生成装置,页面组件生成装置可以位于电子设备中。其中,电子设备可以为表示各种形式的数字计算机。诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。
如图2所示,该方法具体步骤如下:
步骤S101、根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件。
具体地,可以预先设置目标页面组件的对应的功能,根据目标页面组件的功能,在目标页面组件中引入可以实现目标页面组件的部分功能的至少一个基础组件。例如,预先设置目标页面组件的对应的功能包括显示树状列表,则在目标页面组件中引入可以实现显示树状列表的树状组件;预先设置目标页面组件的对应的功能包括显示弹窗,则在目标页面组件中引入可以实现显示弹窗的弹窗组件。
本申请实施例中对引入基础组件的方法不做具体限定。示例性地,可以根据目标页面组件的功能,获取至少一个基础组件,在目标页面组件中直接引入至少一个基础组件;还可以获取前端UI框架,在目标页面组件中间接引入至少一个基础组件。
可选地,可以通过提取目标页面组件的对应功能的关键词,通过查找预设的基础组件名称、或预设的基础组件功能中,判断是否包含目标页面组件的对应功能的关键词的方式,确定待引入的基础组件。
本申请实施例中,目标页面组件是指根据目标页面的需求生成的组件,目标页面是指使用目标页面组件的页面。基础组件是指现有的、可以引入并调用的组件。
步骤S102、对目标页面组件中的参数进行初始化操作,参数包括基础组件对应的参数和新增参数,基础组件对应的参数和/或新增参数中包括预先配置的可配置属性。
具体地,对目标页面组件中的参数进行初始化操作,即配置目标页面组件中参数的默认取值。若目标页面组件中的参数不为预先配置的可配置属性对应的参数,则在后续使用目标页面组件时,不能更新该参数的取值。
本申请实施例中,目标页面组件中的参数包括基础组件对应的参数和新增参数,新增参数为包含在目标页面组件的参数中,但不包含在基础组件对应的参数中的参数。
示例性地,若目标页面组件的功能不包含在基础组件的功能中,则该功能为派生功能,派生功能对应的参数为新增参数。例如,目标页面组件的功能包括选择表格类型,基础组件的功能不包括选择表格类型,则可以根据选择表格类型的功能,生成表格类型参数,表格类型参数为新增参数。
本申请实施例中,基础组件对应的参数和/或新增参数中包括预先配置的可配置属性。以预先配置的可配置属性包括选择模式为例,在对目标页面组件中的参数进行初始化操作的步骤中,需要将选择模式的默认取值配置为单选或多选。
步骤S103、根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码。
本申请实施例中,目标可执行代码是指可以实现基础组件及目标页面组件的功能的,并且适用于目标页面组件的可执行代码。
示例性地,可以确定预先设置的可以实现基础组件及目标页面组件的功能的代码,在对可以实现基础组件及目标页面组件的功能的代码进行修改后,生成适用于目标页面组件的目标可执行代码。对可以实现基础组件及目标页面组件的功能的代码进行修改的方式可以为,在预先设置的代码的相应位置,调用基础组件。
本申请实施例中,对生成目标页面组件的目标可执行代码的实现方式不做具体限定。
步骤S104、根据目标可执行代码及初始化后的参数生成目标页面组件。
本申请实施例中,目标页面组件包括目标可执行代码及初始化后的参数。
示例性地,可以生成包括目标可执行代码及初始化后的参数的目标页面组件对应的文件,本申请实施例对生成目标页面组件的实现方式不做具体限定。
本申请实施例中,根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件;对目标页面组件中的参数进行初始化操作,参数包括基础组件对应的参数和新增参数,基础组件对应的参数和/或新增参数中包括预先配置的可配置属性;根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码;根据目标可执行代码及初始化后的参数生成目标页面组件。通过在目标页面组件中引入至少一个基础组件,可以实现基础组件的功能,无需再生成实现基础组件的功能的目标可执行代码,可以提高生成目标页面组件的效率;通过对目标页面组件中的参数进行初始化操作,可以在目标页面组件中完成参数的初始化,在开发页面时,可以无需对目标页面组件的参数进行初始化操作,只需更改可配置属性,就可以直接使用目标页面组件开发页面,可以提升开发页面的效率;通过根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码,在目标页面组件中扩展和/或组合基础组件的功能,可以使目标页面组件实现派生功能和/或组合基础组件的功能。
实施例二
图3为本申请实施例二提供的页面组件生成方法流程图,在上述实施例一的基础上,本实施例涉及的是对步骤S102目标页面组件中的参数进行初始化操作之前,确定可配置属性的具体过程的细化。
如图3所示,该方法具体步骤如下:
步骤S201、获取使用目标页面组件的多种页面类型。
本申请实施例中,获取使用目标页面组件的多种页面类型,根据获取的使用目标页面组件的多种页面类型,可以获取到预先设置的每种页面类型对应的属性信息。
其中,属性信息可以包括:属性及属性对应的取值。
步骤S202、确定多种页面类型使用目标页面组件时的区别属性。
本申请实施例中,判断每种页面类型对应的属性信息中的属性及属性对应的取值是否相同,将属性或属性对应的取值不相同的属性确定为多种页面类型使用目标页面组件时的区别属性。
示例性的,选取一种页面类型使用目标页面组件时的一个属性及对应的取值,该属性在剩余任一页面类型对应的属性信息中不存在,则将该属性确定为多种页面类型使用目标页面组件时的区别属性;或者该属性及对应的取值在剩余任一页面类型对应的属性信息中存在,但该属性对应的取值与剩余任一页面类型的同一属性对应的取值不相同,则将该属性确定为多种页面类型使用目标页面组件时的区别属性。
步骤S203、将区别属性确定为可配置属性。
具体的,将多种页面类型使用目标页面组件时的区别属性,配置为目标页面组件的可配置属性,并配置可配置属性对应的可选择的取值。
本申请实施例中,将多种页面类型使用目标页面组件时的区别属性,确定为可配置属性,由于目标页面组件配置了可配置属性,因此可以通过对可配置属性的更新操作,使目标页面组件实例化为适用于目标页面的页面组件,从而增加目标页面组件的适用范围。
实施例三
图4为本申请实施例三提供的页面组件生成方法流程图,在上述实施例的基础上,本实施例涉及的是对步骤S104根据目标可执行代码及初始化后的参数生成目标页面组件之后,将目标页面组件实例化为适用于目标页面的页面组件的一种实现方式。
如图4所示,该方法具体步骤如下:
步骤S301、获取目标页面组件所在的目标页面。
本申请实施例中,在对目标页面的开发过程中,将目标页面组件引入目标页面,在目标页面引入目标页面组件后,获取目标页面组件所在的目标页面。本申请实施例对获取目标页面组件所在的目标页面的方式不做具体限定,例如可以通过在页面中查找目标页面组件名称的方式,确定目标页面,从而获取目标页面组件所在的目标页面。
本申请实施例中,目标页面是指使用目标页面组件的页面。
步骤S302、响应于用户对目标页面组件的配置操作,显示可配置属性操作界面。
示例性,用户对目标页面组件的配置操作可以为打开目标页面中的目标页面组件。
具体地,在显示可配置属性操作界面后,用户可以在可配置属性操作界面中,对初始化后可配置属性进行更新操作。例如,根据目标页面的需求,将对初始化后可配置属性的取值,更新为与适用于目标页面的取值。
步骤S303、获取用户在可配置属性操作界面中对初始化后可配置属性进行的更新操作。
本申请实施例中,在用户对初始化后可配置属性进行更新操作后,通过获取用户在可配置属性操作界面中对初始化后可配置属性进行的更新操作,获取用户输入的可配置属性的取值,将获取的用户输入的可配置属性的取值,确定为更新后的可配置属性的取值
步骤S304、根据更新后的可配置属性的取值将目标页面组件实例化为适用于目标页面的页面组件。
具体地,将更新后的可配置属性的取值保存在适用于目标页面的页面组件中,从而将目标页面组件实例化为适用于目标页面的页面组件。
本申请实施例中,在生成目标页面组件,并将目标页面组件引入目标页面后,仅通过对可配置属性的更新操作,就可以使目标页面组件实例化为适用于目标页面的页面组件,因此可以保证目标页面组件适用于目标页面的同时,保证使用目标页面组件进行页面开发的效率。
实施例四
本申请实施例结合一个具体的示例对本申请提供的页面组件生成方法进行详细的说明,本申请实施例中,目标页面组件为常用账户组件;页面类型包括以下页面的任意多种:充值缴费页面,账单页面,电子发票页面,专票查询页面;基础组件包括:弹窗组件及表格组件。
步骤S401、获取使用目标页面组件的多种页面类型。
本申请实施例中,获取到的使用目标页面组件的多种页面类型包括以下页面的任意多种:充值缴费页面,账单页面,电子发票页面,专票查询页面。
其中,属性信息可以包括:属性及属性对应的取值。例如,属性可以包括表格类型,对应的取值可以为常用账户、业务号码;属性还可以包括选择模式,对应的取值可以为单选、多选;属性还可以包括加载完成回调,对应的取值可以为是、否;属性还可以包括确认选择回调,对应的取值可以为是、否;属性还可以包括页面类型,对应的取值可以为充值缴费、电子发票、账单、专票查询等。
步骤S402、确定多种页面类型使用目标页面组件时的区别属性,并将区别属性确定为可配置属性。
本申请实施例中,确定区别属性及确定为可配置属性的实现方式与实施例二中类似,在此不在一一赘述。
例如,账单页面的属性包括页面类型,对应的取值为账单,电子发票页面的属性也包括页面类型,对应的取值为电子发票,由于账单页面的页面类型对应的取值与电子发票页面的页面类型对应的取值不相同,则将页面类型确定为多种页面类型使用目标页面组件时的区别属性。并确定目标页面组件的可配置属性中包括页面类型,并确定页面类型对应的取值中,包括电子发票、账单。
又例如,账单页面的属性包括确认选择回调,专票查询页面的属性不包括确认选择回调,则将确认选择回调确定为多种页面类型使用目标页面组件时的区别属性。并确定目标页面组件的可配置属性中包括确认选择回调,并配置确认选择回调对应的可选择的取值为是、否。
步骤S403、根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件。
本实施例中,目标页面组件的功能为显示弹窗,并在弹窗中显示表格,根据预先设置的显示弹窗及显示表格的功能,在目标页面组件中引入弹窗组件及表格组件。
步骤S404、对目标页面组件中的参数进行初始化操作。
示例性地,可以根据目标页面的需求,配置目标页面组件中参数的默认取值。
图5为本实施例提供的使用目标页面组件显示的弹窗示意图,例如,可以初始化弹窗组件对应的参数,如初始化按钮,将按钮定义为确认选择;如图5所示,在初始化按钮,将按钮定义为确认选择后,使用目标页面组件显示的弹窗上,按钮为确认选择。
又例如,还可以初始化表格组件对应的参数,如初始化每页的数据行数,将表格组件每页的记录行数的默认取值配置为8,如图5所示,在初始化每页的数据行数,将表格组件每页的记录行数的默认取值配置为8后,使用目标页面组件显示的弹窗上每页的数据行数为8行。还可以初始化选择模式,将选择模式的默认取值配置为多选。
还例如,还可以初始化新增参数,如初始化页面类型,将页面类型对应的取值配置为充值缴费、或电子发票、或账单、或专票查询。
步骤S405、根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码,并根据目标可执行代码及初始化后的参数生成目标页面组件。
示例性地,本实施例中,目标页面组件的功能包括限制最多选择条数的功能,在本步骤中生成实现限制最多选择条数功能的目标可执行代码;目标页面组件的功能还包括跨页选择的功能,在本步骤中生成实现跨页选择功能的目标可执行代码。生成目标页面组件的目标可执行代码的具体实现方式与步骤S103中类似,本实施例在此不在一一赘述。
步骤S406、获取用户在可配置属性操作界面中对初始化后可配置属性进行的更新操作,并将目标页面组件实例化为适用于目标页面的页面组件。
本实施例中,在获取用户对初始化后可配置属性进行的更新操作之前的步骤与实施例三中类似,在此不在一一赘述。
示例性的,以获取的目标页面为账单页面,可配置属性页面类型对应的默认取值为电子发票为例,用户可以为将页面类型对应的取值从电子发票更新为账单,在用户将页面类型对应的取值更新为账单后,可以获取页面类型对应的取值为账单,从而使页面类型对应的取值适用于账单页面。
本申请实施例中,通过在目标页面组件中引入至少一个基础组件,可以实现基础组件的功能,无需再生成实现基础组件的功能的目标可执行代码,可以提高生成目标页面组件的效率;通过对目标页面组件中的参数进行初始化操作,可以在目标页面组件中完成参数的初始化,在开发页面时,可以仅需对目标页面组件的可配置属性进行更新操作,就可以使目标页面组件实例化为适用于目标页面的页面组件,可以提升开发页面的效率。
实施例五
本申请实施例是在上述实施例的基础上,对步骤S103根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码的进一步详细说明。
根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码的一种具体实现方式包括:若确定目标页面组件的功能为多个基础组件的复合功能,则根据复合功能确定多个基础组件的执行逻辑,并根据执行逻辑生成目标页面组件的目标可执行代码;若确定目标页面组件的功能为至少一个基础组件的派生功能,则根据派生功能生成派生可执行代码,并根据派生可执行代码生成目标可执行代码。
本申请实施例中,若引入多个基础组件,则可以确定多个基础组件的执行逻辑,并根据执行逻辑生成目标页面组件的目标可执行代码,可以使目标页面组件实现多个基础组件的复合功能。
示例性地,目标页面组件的功能为显示弹窗,且在显示的弹窗中显示表格,则根据在弹窗中显示表格的功能,确定弹窗组件与表格组件的执行逻辑,并根据弹窗组件与表格组件的执行逻辑生成目标页面组件的目标可执行代码。
本申请实施例中,根据派生功能生成派生可执行代码,并根据派生可执行代码生成目标可执行代码,可以使目标页面组件实现至少一个基础组件的派生功能。其中,派生功能是指基础组件不能实现的功能。
示例性的,以基础组件为表格组件为例,表格组件不能实现跨页选择、限制选择数量以及避免重复数据选择等功能,派生功能可以包括:跨页选择、限制选择数量以及避免重复数据选择等功能,通过根据派生功能生成派生可执行代码,并根据派生可执行代码生成目标可执行代码,可以使目标页面组件实现表格组件的跨页选择、限制选择数量以及避免重复数据选择等派生功能。
实施例六
图6为本申请实施例六提供的页面组件生成装置的结构示意图。本申请实施例提供页面组件生成装置可以执行页面组件生成方法实施例提供的处理流程。如图6所示,该页面组件生成装置60包括:引用模块601,初始化模块602,代码生成模块603和组件生成模块604。
具体地,引用模块601,用于根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件。
初始化模块602,用于对目标页面组件中的参数进行初始化操作,参数包括基础组件对应的参数和新增参数,基础组件对应的参数和/或新增参数中包括预先配置的可配置属性。
代码生成模块603,用于根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码。
组件生成模块604,用于根据目标可执行代码及初始化后的参数生成目标页面组件。
本申请实施例提供的装置可以具体用于执行上述实施例一所提供的方法实施例,具体功能此处不再赘述。
可选地,页面组件生成装置,还包括可配置属性确定模块;初始化模块602对目标页面组件中的参数进行初始化操作之前,可配置属性确定模块用于:
获取使用目标页面组件的多种页面类型;确定多种页面类型使用目标页面组件时的区别属性;将区别属性确定为可配置属性。
可选地,组件生成装置,还包括可配置属性更新模块;组件生成模块604根据可执行代码及初始化后的参数生成目标页面组件之后,可配置属性更新模块用于:
获取目标页面组件所在的目标页面;响应于用户对目标页面组件的配置操作,显示可配置属性操作界面;获取用户在可配置属性操作界面中对初始化后可配置属性进行的更新操作;根据更新后的可配置属性的取值将目标页面组件实例化为适用于目标页面的页面组件。
可选地,目标页面组件为常用账户组件;页面类型包括以下页面的任意多种:充值缴费页面,账单页面,电子发票页面,专票查询页面;基础组件包括:弹窗组件及表格组件。
可选地,代码生成模块603,在根据基础组件及目标页面组件的功能生成目标页面组件的目标可执行代码时,具体用于:
若确定目标页面组件的功能为多个基础组件的复合功能,则根据复合功能确定多个基础组件的执行逻辑,并根据执行逻辑生成目标页面组件的目标可执行代码;若确定目标页面组件的功能为至少一个基础组件的派生功能,则根据派生功能生成派生可执行代码,并根据派生可执行代码生成目标可执行代码。
本申请实施例提供的装置可以具体用于执行上述方法实施例,具体功能此处不再赘述。
实施例七
图7为本申请实施例七提供的电子设备的结构示意图。如图7所示,该电子设备70包括:处理器701,以及与处理器701通信连接的存储器702。
其中,处理器701及存储器702之间电路互连;存储器702存储计算机执行指令;处理器701执行存储器存储的计算机执行指令,以实现上述任一实施例提供的页面组件生成方法。
本申请实施例还提供一种计算机可读存储介质,计算机可读存储介质中存储有计算机执行指令,计算机执行指令被处理器执行时实现上述任一方法实施例提供的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本申请的真正范围和精神由下面的权利要求书指出。
应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。

Claims (10)

1.一种页面组件生成方法,其特征在于,包括:
根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件;
对目标页面组件中的参数进行初始化操作,所述参数包括基础组件对应的参数和新增参数,所述基础组件对应的参数和/或新增参数中包括预先配置的可配置属性;
根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码;
根据所述目标可执行代码及初始化后的参数生成目标页面组件。
2.根据权利要求1所述的方法,其特征在于,所述对目标页面组件中的参数进行初始化操作之前,还包括:
获取使用目标页面组件的多种页面类型;
确定多种页面类型使用所述目标页面组件时的区别属性;
将所述区别属性确定为所述可配置属性。
3.根据权利要求1所述的方法,其特征在于,所述根据所述可执行代码及初始化后的参数生成目标页面组件之后,还包括:
获取所述目标页面组件所在的目标页面;
响应于用户对目标页面组件的配置操作,显示可配置属性操作界面;
获取用户在所述可配置属性操作界面中对初始化后可配置属性进行的更新操作;
根据更新后的可配置属性的取值将所述目标页面组件实例化为适用于目标页面的页面组件。
4.根据权利要求2或3所述的方法,其特征在于,所述目标页面组件为常用账户组件;
所述页面类型包括以下页面的任意多种:充值缴费页面,账单页面,电子发票页面,专票查询页面;
所述基础组件包括:弹窗组件及表格组件。
5.根据权利要求1所述的方法,其特征在于,所述根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码,包括:
若确定所述目标页面组件的功能为多个基础组件的复合功能,则根据所述复合功能确定多个基础组件的执行逻辑,并根据所述执行逻辑生成所述目标页面组件的目标可执行代码;
若确定所述目标页面组件的功能为至少一个基础组件的派生功能,则根据所述派生功能生成派生可执行代码,并根据派生可执行代码生成目标可执行代码。
6.一种页面组件生成装置,其特征在于,包括:
引用模块,用于根据目标页面组件的功能,在目标页面组件中引入至少一个基础组件;
初始化模块,用于对目标页面组件中的参数进行初始化操作,所述参数包括基础组件对应的参数和新增参数,所述基础组件对应的参数和/或新增参数中包括预先配置的可配置属性;
代码生成模块,用于根据所述基础组件及目标页面组件的功能生成所述目标页面组件的目标可执行代码;
组件生成模块,用于根据所述目标可执行代码及初始化后的参数生成目标页面组件。
7.根据权利要求6所述的装置,其特征在于,还包括:可配置属性确定模块;
所述可配置属性确定模块用于:
获取使用目标页面组件的多种页面类型;确定多种页面类型使用所述目标页面组件时的区别属性;将所述区别属性确定为所述可配置属性。
8.根据权利要求6所述的装置,其特征在于,还包括:可配置属性更新模块;
所述可配置属性更新模块用于:
获取所述目标页面组件所在的目标页面;响应于用户对目标页面组件的配置操作,显示可配置属性操作界面;获取用户在所述可配置属性操作界面中对初始化后可配置属性进行的更新操作;根据更新后的可配置属性的取值将所述目标页面组件实例化为适用于目标页面的页面组件。
9.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;
所述处理器及所述存储器之间电路互连;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,以实现如权利要求1-5中任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1-5任一项所述的方法。
CN202111495801.6A 2021-12-08 2021-12-08 页面组件生成方法、装置、设备及存储介质 Active CN114265584B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111495801.6A CN114265584B (zh) 2021-12-08 2021-12-08 页面组件生成方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111495801.6A CN114265584B (zh) 2021-12-08 2021-12-08 页面组件生成方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN114265584A true CN114265584A (zh) 2022-04-01
CN114265584B CN114265584B (zh) 2024-06-04

Family

ID=80826584

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111495801.6A Active CN114265584B (zh) 2021-12-08 2021-12-08 页面组件生成方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN114265584B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114816568A (zh) * 2022-04-13 2022-07-29 北京达佳互联信息技术有限公司 页面配置方法、装置、电子设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060206298A1 (en) * 2005-01-28 2006-09-14 Andreas Kuchler Method for optimization of the resources of a medical facility and associated optimization system
CN110825374A (zh) * 2019-11-04 2020-02-21 泰康保险集团股份有限公司 基于组件的页面生成方法及装置、电子设备和存储介质
CN111367507A (zh) * 2020-03-11 2020-07-03 上海东普信息科技有限公司 页面代码生成方法、装置、设备及存储介质
CN112068689A (zh) * 2020-08-18 2020-12-11 深圳传音控股股份有限公司 亮度调节方法、终端及计算机存储介质
CN112328246A (zh) * 2020-11-03 2021-02-05 腾讯科技(深圳)有限公司 页面组件生成方法、装置、计算机设备及存储介质
CN112433703A (zh) * 2019-08-26 2021-03-02 腾讯科技(深圳)有限公司 一种组件模块创建方法、装置、服务器及存储介质
CN112433799A (zh) * 2020-11-25 2021-03-02 平安普惠企业管理有限公司 页面生成方法、装置、设备及介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060206298A1 (en) * 2005-01-28 2006-09-14 Andreas Kuchler Method for optimization of the resources of a medical facility and associated optimization system
CN112433703A (zh) * 2019-08-26 2021-03-02 腾讯科技(深圳)有限公司 一种组件模块创建方法、装置、服务器及存储介质
CN110825374A (zh) * 2019-11-04 2020-02-21 泰康保险集团股份有限公司 基于组件的页面生成方法及装置、电子设备和存储介质
CN111367507A (zh) * 2020-03-11 2020-07-03 上海东普信息科技有限公司 页面代码生成方法、装置、设备及存储介质
CN112068689A (zh) * 2020-08-18 2020-12-11 深圳传音控股股份有限公司 亮度调节方法、终端及计算机存储介质
CN112328246A (zh) * 2020-11-03 2021-02-05 腾讯科技(深圳)有限公司 页面组件生成方法、装置、计算机设备及存储介质
CN112433799A (zh) * 2020-11-25 2021-03-02 平安普惠企业管理有限公司 页面生成方法、装置、设备及介质

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
ISTVÁN KOREN等: "The Exploitation of OpenAPI Documentation for the Generation of Web Frontends", 《WWW \'18: COMPANION PROCEEDINGS OF THE THE WEB CONFERENCE 2018》, 23 April 2018 (2018-04-23), pages 781 - 787, XP058652637, DOI: 10.1145/3184558.3188740 *
卜越: "基于物联网的医疗设备管理系统的设计与实现", 《中国优秀硕士学位论文全文数据库 医药卫生科技辑》, 15 February 2020 (2020-02-15), pages 053 - 190 *
政采云前端团队: "编写高质量可维护的代码:组件的抽象与粒度", Retrieved from the Internet <URL:https://segmentfault.com/a/1190000038337414> *
王素华: "基于软组件的操作系统网络教程及开发工具研究", 《计算机工程与应用》, no. 4, 30 April 2002 (2002-04-30), pages 226 - 228 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114816568A (zh) * 2022-04-13 2022-07-29 北京达佳互联信息技术有限公司 页面配置方法、装置、电子设备及存储介质
CN114816568B (zh) * 2022-04-13 2024-05-14 北京达佳互联信息技术有限公司 页面配置方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN114265584B (zh) 2024-06-04

Similar Documents

Publication Publication Date Title
CN108958736B (zh) 页面生成方法、装置、电子设备及计算机可读介质
US9021440B1 (en) System and method for automated test script generation
US7865531B2 (en) Method and system for providing value help features to input fields generated for dynamically selected columns
CN107239392B (zh) 一种测试方法、装置、终端及存储介质
US9424168B2 (en) System and method for automatic generation of software test
CN103984626A (zh) 一种生成测试用例脚本的方法及装置
CN105808057A (zh) 一种文件夹中程序的选择方法、装置及终端
CN114265584B (zh) 页面组件生成方法、装置、设备及存储介质
CN102968313A (zh) 一种终端桌面小部件的生成方法和终端
CN114741071A (zh) 一种应用构建方法及装置
CN110888876A (zh) 生成数据库脚本的方法、装置、存储介质及计算机设备
CN106528115A (zh) 界面的可视化开发方法及装置
CN103257897B (zh) 移动终端浏览器的启动方法、装置及移动终端
US20140310248A1 (en) Verification support program, verification support apparatus, and verification support method
CN112612757A (zh) 应用展示方法、装置、设备、存储介质以及程序产品
CN112540813B (zh) 一种基于工作流引擎的应用生成方法
US10152466B2 (en) Comparing user interfaces
CN114266233A (zh) 表单生成方法、装置、设备及介质
CN108845791B (zh) 应用程序代码开发处理方法及装置、可读存储介质、终端
CN112988810A (zh) 信息查找方法、装置及设备
CN114003152A (zh) 一种应用程序图标管理方法及系统
JP2016157411A (ja) 情報管理装置並びにファイル管理方法
CN113805960B (zh) 基于yaml的服务器配置方法、装置、终端及存储介质
CN117056416B (zh) 可视化的数据集模型灵活构建和管理方法
US11914927B2 (en) Filtering components compatible with a computer-modeled structure

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