CN112306486A - 一种界面生成方法、装置、服务器及存储介质 - Google Patents
一种界面生成方法、装置、服务器及存储介质 Download PDFInfo
- Publication number
- CN112306486A CN112306486A CN201910690503.9A CN201910690503A CN112306486A CN 112306486 A CN112306486 A CN 112306486A CN 201910690503 A CN201910690503 A CN 201910690503A CN 112306486 A CN112306486 A CN 112306486A
- Authority
- CN
- China
- Prior art keywords
- interface
- interface element
- configuration file
- key
- layout
- 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
Images
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
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本发明提供了一种界面生成方法、装置、服务器及存储介质,通过用户交互界面接收界面生成指令;从界面生成指令中获取界面生成参数;获取与待生成界面的布局标识对应的界面布局配置文件;获取与待生成界面的布局标识对应的基础界面元素配置文件;利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;利用界面布局配置文件及目标界面元素配置文件生成界面。预先创建了界面元素配置文件集合,大量的基础界面元素配置文件,可从预先创建的界面元素配置文件集合中加载,并在用户交互界面中接收用户输入的关键界面元素信息,生成界面,界面生成过程无需开发人员编写代码,简化终端应用界面开发过程,提高开发效率。
Description
技术领域
本发明涉及计算机技术领域,更具体的说,是涉及一种界面生成方法、装置、服务器及存储介质。
背景技术
在终端中运行的任何应用都需要通过一个可视化界面进行功能展示,用户可以在终端应用的可视化界面中进行相应的操作。目前在终端应用界面的开发过程中,主要是将界面布局与界面元素进行绑定,然后依据绑定的界面布局与界面元素生成终端应用界面。
在生成终端应用界面的过程中需要开发人员编写代码来实现,尤其在界面布局与界面元素存在较多对应关系的情况下,则需要开发人员编写大量代码,而且,在界面开发过程中,一旦需要修改界面布局或界面元素,都需要修改大量的绑定代码,导致终端应用界面开发过程复杂、开发效率低。
发明内容
有鉴于此,本发明提供了一种界面生成方法、装置、服务器及存储介质,以简化终端应用界面开发过程,提高开发效率。
为实现上述目的,一方面,本申请提供了一种界面生成方法,所述方法包括:
通过用户交互界面接收用户输入的界面生成指令;
响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
获取与所述待生成界面的布局标识对应的界面布局配置文件;
从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
又一方面,本申请还提供了一种界面生成装置,所述装置包括:
界面生成指令接收单元,用于通过用户交互界面接收用户输入的界面生成指令;
界面生成参数获取单元,用于响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
界面布局配置文件获取单元,用于获取与所述待生成界面的布局标识对应的界面布局配置文件;
基础界面元素配置文件获取单元,用于从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
目标界面元素配置文件获取单元,用于利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
界面生成单元,利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
又一方面,本申请还提供了一种服务器,包括:
处理器和存储器;
所述处理器,用于调用并执行所述存储器中存储的程序;
所述存储器用于存储所述程序,所述程序至少用于:
通过用户交互界面接收用户输入的界面生成指令;
响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
获取与所述待生成界面的布局标识对应的界面布局配置文件;
从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
又一方面,本申请还提供了一种存储介质,所述存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上所述的界面生成方法。
经由上述的技术方案可知,与现有技术相比,本发明提供了一种界面生成方法、装置、服务器及存储介质,通过用户交互界面接收用户输入的界面生成指令;响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;获取与所述待生成界面的布局标识对应的界面布局配置文件;从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。由于本申请预先创建了界面元素配置文件集合,从而界面生成过程所需的大量的基础界面元素配置文件,都可以依据布局标识从预先创建的界面元素配置文件集合中直接加载,并在用户交互界面中接收用户输入的关键界面元素信息,从而利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件,进而利用界面布局配置文件以及目标界面元素配置文件,生成界面,界面生成过程无需开发人员编写代码,通过用户交互界面即可生成界面,简化终端应用界面开发过程,提高开发效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本发明实施例提供的服务器一种组成结构示意图;
图2为本发明实施例提供的一种界面生成方法的流程图;
图3为本发明实施例提供的另一种界面生成方法的流程图;
图4为本发明实施例提供的一种应用界面展示示意图;
图5为本发明实施例提供的一种用户交互界面示意图;
图6为本发明实施例提供的另一种应用界面展示示意图;
图7为本发明实施例提供的一种界面生成装置的组成结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
目前在终端应用界面的开发过程中,主要是将界面布局与界面元素进行绑定,然后依据绑定的界面布局与界面元素生成终端应用界面。在生成终端应用界面的过程中需要开发人员编写代码来实现,尤其在界面布局与界面元素存在较多对应关系的情况下,则需要开发人员编写大量代码。
为了避免针对不同类型的界面元素都需要编写一份与界面布局进行绑定的绑定代码,开发人员通过研究进一步将绑定代码抽取出来作为一个公共库,开发人员在开发界面的过程中,可以从公共库中加载合适的绑定代码,无需再编写重复的绑定代码。但是一旦有界面布局样式的变动,新的界面布局对应的界面元素也会发生变化,而这种情况下在公共库中并不存在新的界面元素与新的界面布局之间的绑定代码,新的界面元素与新的界面布局之间的绑定代码需要重新编写并加载到公共库中,引用该公共库的代码也需要重新进行编写。这种方式仍然需要开发人员来编写大量代码,仍然存在着应用界面开发过程复杂、开发效率低的问题。
为了解决上述问题,本申请提出了一种界面生成方法,本申请中的界面生成方法可以应用于终端中安装的任何应用的界面的生成过程,本申请预先创建了界面元素配置文件集合,从而界面生成过程所需的大量的基础界面元素配置文件,都可以依据布局标识从预先创建的界面元素配置文件集合中直接加载,并在用户交互界面中接收用户输入的关键界面元素信息,从而利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件,进而利用界面布局配置文件以及目标界面元素配置文件,生成界面,界面生成过程无需开发人员编写代码,通过用户交互界面即可生成界面,简化终端应用界面开发过程,提高开发效率。
为了便于理解,先对本申请实施例的界面生成方法所适用的服务器进行介绍。如图1所示,其示出了本申请的方案所适用的服务器的一种组成结构示意图。在图1中,该服务器100可以包括:处理器101和存储器102。
该服务器100还可以包括:通信接口103、输入单元104和显示器105和通信总线106。
处理器101、存储器+102、通信接口103、输入单元104、显示器105、均通过通信总线106完成相互间的通信。
在本申请实施例中,该处理器101,可以为中央处理器(CentralProcessingUnit,CPU),现成可编程门阵列(FPGA)或者其他可编程逻辑器件等。
该处理器可以调用存储器102中存储的程序,具体的,可以处理器可以执行以下方法实施例中服务器侧所执行的操作。
存储器102中用于存放一个或者一个以上程序,程序可以包括程序代码,所述程序代码包括计算机操作指令,在本申请实施例中,该存储器中至少存储有用于实现以下功能的程序:
通过用户交互界面接收用户输入的界面生成指令;
响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
获取与所述待生成界面的布局标识对应的界面布局配置文件;
从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
在一种可能的实现方式中,该存储器102可包括存储程序区和存储数据区,其中,存储程序区可存储操作***、以上所提到的程序等;存储数据区可存储根据服务器的使用过程中所创建的数据。
此外,存储器102可以包括高速随机存取存储器,还可以包括非易失性存储器等。该通信接口103可以为通信模块的接口,如GSM模块的接口。该输入单元可以包括感应触摸显示面板上的触摸事件的触摸感应单元、键盘等等。该显示器104包括显示面板,如触摸显示面板等。
当然,图1所示的服务器结构并不构成对本申请实施例中服务器的限定,在实际应用中服务器可以包括比图1所示的更多或更少的部件,或者组合某些部件。
结合以上内容,对本申请的界面生成方法进行介绍。
如图2,其示出了本申请一种界面生成方法一个实施例的流程示意图,本实施例应用于如上所提到的服务器,本实施例包括:
S200、通过用户交互界面接收用户输入的界面生成指令;
可以理解的是,用户交互界面为本申请中提供的可视化的交互界面,本申请此处的用户指的是界面开发人员,界面开发人员可以在用户交互界面中输入界面生成指令。所述界面生成指令为界面开发人员在用户交互界面中输入的界面生成所需的相关参数。
S210、响应所述界面生成指令,从所述界面生成指令中获取界面生成参数;
需要说明的是,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息。
可选的,不同种类的界面具有不同的界面布局,不同的界面布局采用不同的布局标识来表示,布局标识能够唯一标识一种界面布局。
本申请实施例中的界面布局是界面的一种结构展示样式,界面布局可以包含界面中各个元素的种类、名称以及排列方式等,本申请并不做具体限定。本申请实施例中的界面布局具体指的是XML布局。
关键界面元素为一种界面布局区别于另外一种界面布局所必需的关键的界面元素,关键界面元素信息指的是界面开发人员在用户交互界面中输入的待生成界面中包含的关键界面元素的相关信息。具体的,关键界面元素信息可以包含关键界面元素属性名或属性值等能够描述关键界面元素的信息。界面元素主要指的是界面中显示的各种控件,例如界面中显示的图片、文字等。
可选的,本申请实施例中关键界面元素信息至少包括:关键界面元素属性名以及关键界面元素对应的属性值约束条件;其中,关键界面元素属性名为界面布局中一个关键界面元素的属性名,比如对于一件商品的展示来说,会有商品名称、商品预览图、商品价格三个界面元素,每个界面元素都会对应一个属性名,比如商品名称的属性名为"title"。属性值则是界面元素的具体数值,比如商品名称的属性名"title"对应的属性值是“视频会员”,商品预览图的属性值是对应图片的链接。
属性名由字面值和变量构成,比如title_$(curContentCnt),title_为字面值,curContentCnt为变量,变量curContentCnt的值为1,则属性名最终解析为title_1。
属性值约束条件具体为用户在用户交互界面中输入的对属性值的约束条件,可以为对属性值内容的约束条件还可以为对属性值大小的约束条件等,本申请并不做具体限定。
S220、获取与所述待生成界面的布局标识对应的界面布局配置文件;
每一界面的布局标识唯一对应一界面布局配置文件,界面布局配置文件中包含的是与界面布局相关的配置信息,例如:界面的展示样式,界面中元素的种类、数量或元素的展示样式等。
S230、从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
本申请实施例中预先为不同种类的界面布局创建了界面元素配置文件集合,界面元素配置文件集合中包含了不同种类的界面布局所需的基础界面元素的配置信息。
需要说明的是,同一种界面布局可以对应不同种类的基础界面元素配置文件,同一种基础界面元素配置文件也可以对应不同种类的界面布局。
本申请实施例中可以从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件,基础界面元素配置文件中包含了待生成界面的布局所需的基础界面元素相关的配置信息,基础界面元素配置文件中包含了基础界面元素属性名或属性值等能够描述基础界面元素的相关信息。
其中,基础界面元素为生成界面布局所需的基本界面元素,可以包括各种界面布局通用的一些界面元素,例如:图片、标题等,具体的基础界面元素的种类可以由本领域技术人员进行设定,本申请不做具体限定。
S240、利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
目标界面元素配置文件可以为一个map结构,在该map结构中,利用key值表示某一布局标识对应的界面元素(既包含关键界面元素又包含基础界面元素)的属性名,利用value值表示界面元素的属性名对应的属性值,比如对于一个图片界面元素,属性名是imgUrl,属性值则是图片的下载链接。后续根据该map结构即可对布局中的界面元素进行填充。
需要说明的是,本申请实施例中提出了如下一种利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件的具体方式:
依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值;将所述关键界面元素属性名与与其对应的属性值进行绑定,得到关键界面元素配置文件;组合关键界面元素配置文件以及基础界面元素配置文件,得到目标界面元素配置文件。
本申请实施例在得到关键界面元素属性名对应的属性值之后,可以建立关键界面元素属性名与与其对应的属性值之间的对应关系,从而将关键界面元素属性名与与其对应的属性值进行绑定,得到关键界面元素属性名-属性值绑定关系,并为该关键界面元素属性名-属性值绑定关系设置一绑定id,绑定id能够唯一标识一种关键界面元素属性名-属性值绑定关系,该关键界面元素属性名-属性值绑定关系即为关键界面元素配置文件。
组合关键界面元素配置文件以及基础界面元素配置文件,即将关键界面元素配置文件以及基础界面元素配置文件组合生成一个目标界面元素配置文件,目标界面元素配置文件中既包含关键界面元素配置文件又包含基础界面元素配置文件。
需要说明的是,本申请实施例中提出了如下三种依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值的具体方式:
方式一为利用变量处理器执行“字面值+变量”的处理方式,方式一的具体处理过程为:
A1:从所述关键界面元素对应的属性值约束条件中确定变量值;
A2:将所述变量值确定为所述关键界面元素属性名对应的属性值。
上述处理方式主要对字面值和变量构成的参数中的变量进行解析并替换成具体的变量值,得到最终的属性值。
举例来说,用户在用户交互界面中输入的关键界面元素对应的字面值和变量构成的参数为"title_$(curContentCnt)",变量值为1,计算过程为:首先针对$(curContentCnt)解析变量部分($()包含的部分为变量),然后将变量替换成具体的变量值1,那么最终得到属性值为"title_1"。
方式二为接口处理方式,方式二的具体处理过程为:
B1:响应接口类型选择指令,确定用户选取的关键界面元素属性名对应的目标接口;
所述目标接口的接口类型符合所述属性值约束条件;需要说明的是,用户选取的目标接口类型包含在用户输入的关键界面元素对应的属性值约束条件中。
接口为预先设置的执行不同功能的操作程序,不同类型的接口用于处理不同类型的操作,实现不同的功能,如果用户通过用户交互界面配置属性名"title"对应的属性值计算方式为“接口”,则可以通过接口来计算属性值,用户可以在用户交互界面中选取与属性名对应的目标接口,目标接口所能实现的功能与属性值约束条件相匹配,用户在选取目标接口的时候,可以参照目标接口的功能描述来选取。
B2:响应目标接口参数选择指令,确定用户选取的目标接口参数;
需要说明的是,用户选取的目标接口参数包含在用户输入的关键界面元素对应的属性值约束条件中。目标接口参数为目标接口对应的操作程序的处理对象,而目标接口所能实现的功能与属性值约束条件相匹配,因此,本申请实施例中的目标接口参数符合属性值约束条件。
B3:调用所述目标接口,利用所述目标接口参数进行接口运算,得到所述关键界面元素属性名对应的属性值。
由于目标接口所能实现的功能与属性值约束条件相匹配,因此,目标接口的运算结果则是关键界面元素属性名对应的属性值。
举例来说,用户通过用户交互界面配置属性名"title"对应的属性值计算方式为“接口”,接口名为"获取标题并去掉特殊字符"。那么接口计算过程为,根据配置调用接口"获取标题并去掉特殊字符",该接口最终返回一个字符串作为属性值。接口的具体操作步骤为:从关键界面元素中取出标题字段,并去掉标题中的特殊字符,返回处理过后的标题字符串。其中,目标接口参数为用户设定的特殊字符的种类,例如:逗号、问号、句号等,本申请并不做具体限定。
方式三为脚本处理方式,方式三的具体处理过程为:
C1、响应脚本配置指令,确定用户配置的目标脚本;
用户配置的关键界面元素属性名对应的目标脚本包含在所述属性值约束条件中;
用户在用户交互界面中输入配置的目标脚本,不同类型的脚本用于处理不同类型的操作,实现不同的功能,本申请在得到用户配置的目标脚本之后,运行该目标脚本,既可以得到符合属性值约束条件的属性值。
本申请实施例中的目标脚本可以为Lua动态脚本,本申请实施例并不做具体限定。
C2、将所述目标脚本加载到脚本运行环境中;
C3、执行所述目标脚本,得到所述关键界面元素属性名对应的属性值。
举例来说,用户通过用户交互界面配置属性名"title"对应的属性值计算方式为“lua脚本”,那么此时需要同时配置一段lua脚本,该脚本运行之后,最终返回一个字符串,该字符串作为最终的属性值进行使用。
S250、利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
需要说明的是,本申请实施例中可以从界面布局配置文件中提取出与界面布局相关的配置信息,并从目标界面元素配置文件中提取出关键界面元素以及基础界面元素相关的配置信息,并按照界面布局需要的层次结构来组织目标界面元素配置文件,建立目标界面元素配置文件与不同界面布局层次结构的对应关系,得到最终的界面生成文件包,并对界面生成文件包中的内容进行解析,得到解析结果,并依据解析结果来生成界面。
界面布局层次结构例如可以为:卡片级别层次或应用级别层次等,不同的布局层次可以与不同的目标界面元素配置文件对应。
本申请实施例通过用户交互界面接收用户输入的界面生成指令;响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;获取与所述待生成界面的布局标识对应的界面布局配置文件;从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。由于本申请实施例中预先创建了界面元素配置文件集合,从而界面生成过程所需的大量的基础界面元素配置文件,都可以依据布局标识从预先创建的界面元素配置文件集合中直接加载,并在用户交互界面中接收用户输入的关键界面元素信息,从而利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件,进而利用界面布局配置文件以及目标界面元素配置文件,生成界面,界面生成过程无需开发人员编写代码,通过用户交互界面即可生成界面,简化终端应用界面开发过程,提高开发效率。
本申请实施例上述技术方案可以由C++这类编译型语言实现参数的解析和绑定关系的建立,对于常用的操作提供封装好的内置接口获取属性名对应的属性值,对于不常用的操作则使用动态脚本语言作为灵活逻辑运算的补充获取属性名对应的属性值,兼顾了灵活性和高效性。
本申请实施例可以使用纯动态语言结合DSL(Domain Specific Language,领域特定语言)来实现上述方案。
另外,本申请还提供了另外一种界面生成方法,用于对生成的界面中的界面元素进行更新,来生成新的界面,
如图3,其示出了本申请一种界面生成方法一个实施例的流程示意图,本实施例包括:
S300、通过用户交互界面接收用户输入的界面更新指令;
所述界面更新指令中包含界面更新参数,所述界面更新参数中至少包括:待更新界面的布局标识以及与待更新界面相关的更新界面元素信息。
当用户需要对界面中的界面元素进行更新的情况下,例如更新界面元素对应的属性名和/或属性值。
S310、响应所述界面更新指令,从所述界面更新指令中获取界面更新参数;
所述界面更新参数中至少包括:待更新界面的布局标识以及与待更新界面相关的更新界面元素信息;与待更新界面相关的更新界面元素信息可以包括:更新界面元素对应的属性名和/或属性值。
S320、获取与所述待更新界面的布局标识对应的界面布局配置文件;
S330、从预先创建的界面元素配置文件集合中,获取与所述待更新界面的布局标识对应的原始界面元素配置文件;
所述原始界面元素配置文件为界面更新之前,与待更新界面的布局标识对应的待更新界面中所有界面元素的配置文件。
S340、利用与待更新界面相关的更新界面元素信息,对原始界面元素配置文件中包含的相应界面元素信息进行更新,得到更新界面元素配置文件,并将所述更新界面元素配置文件作为目标界面元素配置文件;
本申请实施例可以从原始界面元素配置文件中确定更新界面元素信息中包含的待更新属性名和/或属性值,并将待更新属性名和/或属性值更新为新的属性名和/或属性值,得到更新界面元素配置文件。
例如需要将某一界面中的标题和副标题调换位置,则可以将原始属性名title和subTitle对应的接口配置进行互换。
S350、利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
需要说明的是,本申请不仅可以更改一种界面布局对应的目标界面元素配置文件,将一种界面布局与多种目标界面元素配置文件建立对应关系,本申请中还可以对一种目标界面元素配置文件对应的界面布局进行更改,将一种目标界面元素配置文件与多种界面布局建立对应关系,具体过程可以为:
通过用户交互界面接收用户输入的界面更新指令;所述界面更新指令中包含界面更新参数,所述界面更新参数中至少包括:待更新界面的原始布局标识以及与待更新界面相关的更新布局标识;响应所述界面更新指令,从所述界面更新指令中获取界面更新参数;获取与所述待更新界面的原始布局标识对应的原始界面布局配置文件;利用更新布局标识,对原始界面布局配置文件进行更新,得到更新后的界面布局配置文件;获取与原始布局标识对应的目标界面元素配置文件;利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
本申请实施例用户可以通过用户交互界面接收用户输入的界面更新指令,从而依据界面更新指令直接对界面进行更新,无需开发人员编写代码进行界面更新,简化终端应用界面开发过程,提高开发效率。并且,通过本申请中的上述方式,可以很容易的将一种界面布局与多种目标界面元素配置文件建立对应关系,也可以将一种目标界面元素配置文件与多种界面布局建立对应关系,方便对不同种类的界面布局与不同种类界面元素适配性进行测试。
例如:对于界面布局1的属性subTitle,可以新建一个绑定关系,并将目标界面元素配置文件1的“小编推荐”字段绑定到属性subTitle上,同时新建另一个绑定关系,并将目标界面元素配置文件2的“App下载人数”字段绑定到属性subTitle上。另外,对于目标界面元素配置文件1的“小编推荐”字段,既可以绑定到界面布局1的属性subTitle上,也可以绑定到界面布局2的属性title上。实现界面布局与不同种类界面元素绑定关系的灵活配置。
为了便于理解本申请的方案,下面以具体的场景为例对本申请的方案进行介绍:
参照图4所示的终端某一应用界面展示示意图,开发人员如果想要将“相机”对应的正方形的图标A修改成圆形的图标,具体实现过程为:
1、通过如图5所示的用户交互界面接收用户输入的界面图标更新指令,将“相机”对应的正方形的图标A修改成圆形的图标,具体在用户交互界面中填写的内容为:数据类型选择map,key值为图标,级别为卡片级,value类型为接口,即通过接口运算得到属性值,接口处选择更改图标形状,参数可以填写圆形;
2、响应所述界面更新指令,从所述界面更新指令中获取界面更新参数:待更新界面的布局标识以及更新界面元素信息(将“相机”对应的正方形的图标A修改成圆形的图标);
3、获取与所述待更新界面的布局标识对应的界面布局配置文件;
4、从预先创建的界面元素配置文件集合中,获取与所述待更新界面的布局标识对应的原始界面元素配置文件;
5、将原始界面元素配置文件中“相机”对应的正方形的图标的形状属性对应的属性值由正方形修改为圆形,得到更新界面元素配置文件,并将所述更新界面元素配置文件作为目标界面元素配置文件;
6、利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面如图6所示。
对应本申请的一种界面生成方法,本申请还提供了一种界面生成装置。如图7所示,其示出了本申请一种界面生成装置的一种组成结构示意图,本实施例的装置可以应用于前面提到的服务器,该装置可以包括:
界面生成指令接收单元100,用于通过用户交互界面接收用户输入的界面生成指令;
界面生成参数获取单元110,用于响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
界面布局配置文件获取单元120,用于获取与所述待生成界面的布局标识对应的界面布局配置文件;
基础界面元素配置文件获取单元130,用于从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
目标界面元素配置文件获取单元140,用于利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
界面生成单元150,利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
在待生成界面相关的关键界面元素信息至少包括:关键界面元素属性名以及关键界面元素对应的属性值约束条件;目标界面元素配置文件获取单元包括:
属性值计算单元,用于依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值;
绑定单元,用于将所述关键界面元素属性名与与其对应的属性值进行绑定,得到关键界面元素配置文件;
组合单元,用于组合关键界面元素配置文件以及基础界面元素配置文件,得到目标界面元素配置文件。
所述属性值计算单元包括:
变量值确定单元,用于从所述关键界面元素对应的属性值约束条件中确定变量值;
属性值确定单元,用于将所述变量值确定为所述关键界面元素属性名对应的属性值。
所述属性值计算单元包括:
目标接口确定单元,用于响应接口类型选择指令,确定用户选取的关键界面元素属性名对应的目标接口;
目标接口参数确定单元,用于响应目标接口参数选择指令,确定用户选取的目标接口参数;
接口运算单元,用于调用所述目标接口,利用所述目标接口参数进行接口运算,得到所述关键界面元素属性名对应的属性值。
所述属性值计算单元包括:
目标脚本确定单元,用于响应脚本配置指令,确定用户配置的目标脚本;
加载单元,用于将所述目标脚本加载到脚本运行环境中;
目标脚本执行单元,用于执行所述目标脚本,得到所述关键界面元素属性名对应的属性值。
在所述界面生成指令包括界面更新指令的情况下,所述界面更新指令中包含界面更新参数,所述界面更新参数中至少包括:待更新界面的布局标识以及与待更新界面相关的更新界面元素信息;
基础界面元素配置文件获取单元包括:
原始界面元素配置文件获取单元,用于从预先创建的界面元素配置文件集合中,获取与所述待更新界面的布局标识对应的原始界面元素配置文件。
目标界面元素配置文件获取单元包括:
更新单元,用于利用与待更新界面相关的更新界面元素信息,对原始界面元素配置文件中包含的相应界面元素信息进行更新,得到更新界面元素配置文件,并将所述更新界面元素配置文件作为目标界面元素配置文件。
另一方面,本申请还提供了一种存储介质,该存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上任意一个实施例中的界面生成方法。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种界面生成方法,其特征在于,所述方法包括:
通过用户交互界面接收用户输入的界面生成指令;
响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
获取与所述待生成界面的布局标识对应的界面布局配置文件;
从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
2.根据权利要求1所述的方法,其特征在于,在待生成界面相关的关键界面元素信息至少包括:关键界面元素属性名以及关键界面元素对应的属性值约束条件;所述利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件的过程包括:
依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值;
将所述关键界面元素属性名与与其对应的属性值进行绑定,得到关键界面元素配置文件;
组合关键界面元素配置文件以及基础界面元素配置文件,得到目标界面元素配置文件。
3.根据权利要求2所述的方法,其特征在于,所述依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值的过程包括:
从所述关键界面元素对应的属性值约束条件中确定变量值;
将所述变量值确定为所述关键界面元素属性名对应的属性值。
4.根据权利要求2所述的方法,其特征在于,所述依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值的过程包括:
响应接口类型选择指令,确定用户选取的关键界面元素属性名对应的目标接口;
响应目标接口参数选择指令,确定用户选取的目标接口参数;
调用所述目标接口,利用所述目标接口参数进行接口运算,得到所述关键界面元素属性名对应的属性值。
5.根据权利要求2所述的方法,其特征在于,所述依据所述关键界面元素属性名以及关键界面元素对应的属性值约束条件计算得到所述关键界面元素属性名对应的属性值的过程包括:
响应脚本配置指令,确定用户配置的目标脚本;
将所述目标脚本加载到脚本运行环境中;
执行所述目标脚本,得到所述关键界面元素属性名对应的属性值。
6.根据权利要求1所述的方法,其特征在于,在所述界面生成指令包括界面更新指令的情况下,所述界面更新指令中包含界面更新参数,所述界面更新参数中至少包括:待更新界面的布局标识以及与待更新界面相关的更新界面元素信息;
所述从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件的过程包括:
从预先创建的界面元素配置文件集合中,获取与所述待更新界面的布局标识对应的原始界面元素配置文件。
7.根据权利要求6所述的方法,其特征在于,所述利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件的过程包括:
利用与待更新界面相关的更新界面元素信息,对原始界面元素配置文件中包含的相应界面元素信息进行更新,得到更新界面元素配置文件,并将所述更新界面元素配置文件作为目标界面元素配置文件。
8.一种界面生成装置,其特征在于,所述装置包括:
界面生成指令接收单元,用于通过用户交互界面接收用户输入的界面生成指令;
界面生成参数获取单元,用于响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
界面布局配置文件获取单元,用于获取与所述待生成界面的布局标识对应的界面布局配置文件;
基础界面元素配置文件获取单元,用于从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
目标界面元素配置文件获取单元,用于利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
界面生成单元,利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
9.一种服务器,其特征在于,包括:
处理器和存储器;
所述处理器,用于调用并执行所述存储器中存储的程序;
所述存储器用于存储所述程序,所述程序至少用于:
通过用户交互界面接收用户输入的界面生成指令;
响应所述界面生成指令,从所述界面生成指令中获取界面生成参数,所述界面生成参数中至少包括:待生成界面的布局标识以及与待生成界面相关的关键界面元素信息;
获取与所述待生成界面的布局标识对应的界面布局配置文件;
从预先创建的界面元素配置文件集合中,获取与所述待生成界面的布局标识对应的基础界面元素配置文件;
利用关键界面元素信息以及基础界面元素配置文件,得到目标界面元素配置文件;
利用所述界面布局配置文件以及所述目标界面元素配置文件,生成界面。
10.一种存储介质,其特征在于,所述存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上权利要求1至7任一项所述的界面生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910690503.9A CN112306486B (zh) | 2019-07-29 | 2019-07-29 | 一种界面生成方法、装置、服务器及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910690503.9A CN112306486B (zh) | 2019-07-29 | 2019-07-29 | 一种界面生成方法、装置、服务器及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112306486A true CN112306486A (zh) | 2021-02-02 |
CN112306486B CN112306486B (zh) | 2023-09-22 |
Family
ID=74330080
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910690503.9A Active CN112306486B (zh) | 2019-07-29 | 2019-07-29 | 一种界面生成方法、装置、服务器及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112306486B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860259A (zh) * | 2021-03-31 | 2021-05-28 | 中国工商银行股份有限公司 | 界面处理方法、装置、电子设备、存储介质及程序产品 |
CN113791783A (zh) * | 2021-09-14 | 2021-12-14 | 科东(广州)软件科技有限公司 | 控件生成方法、装置、设备及存储介质 |
CN114995814A (zh) * | 2022-06-07 | 2022-09-02 | 重庆大学 | 一种应用***工程化智能视图布局的方法与装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106648666A (zh) * | 2016-12-23 | 2017-05-10 | 深圳市金证科技股份有限公司 | 一种用户界面生成方法及*** |
CN107783762A (zh) * | 2017-11-24 | 2018-03-09 | 重庆金融资产交易所有限责任公司 | 界面生成方法、装置、存储介质和计算机设备 |
-
2019
- 2019-07-29 CN CN201910690503.9A patent/CN112306486B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106648666A (zh) * | 2016-12-23 | 2017-05-10 | 深圳市金证科技股份有限公司 | 一种用户界面生成方法及*** |
CN107783762A (zh) * | 2017-11-24 | 2018-03-09 | 重庆金融资产交易所有限责任公司 | 界面生成方法、装置、存储介质和计算机设备 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860259A (zh) * | 2021-03-31 | 2021-05-28 | 中国工商银行股份有限公司 | 界面处理方法、装置、电子设备、存储介质及程序产品 |
CN112860259B (zh) * | 2021-03-31 | 2024-02-06 | 中国工商银行股份有限公司 | 界面处理方法、装置、电子设备、存储介质 |
CN113791783A (zh) * | 2021-09-14 | 2021-12-14 | 科东(广州)软件科技有限公司 | 控件生成方法、装置、设备及存储介质 |
CN113791783B (zh) * | 2021-09-14 | 2022-11-29 | 科东(广州)软件科技有限公司 | 控件生成方法、装置、设备及存储介质 |
CN114995814A (zh) * | 2022-06-07 | 2022-09-02 | 重庆大学 | 一种应用***工程化智能视图布局的方法与装置 |
CN114995814B (zh) * | 2022-06-07 | 2023-03-28 | 重庆大学 | 一种应用***工程化智能视图布局的方法与装置 |
Also Published As
Publication number | Publication date |
---|---|
CN112306486B (zh) | 2023-09-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109976761B (zh) | 软件开发工具包的生成方法、装置及终端设备 | |
CN111552473B (zh) | 一种应用程序的处理方法、装置及设备 | |
CN110580147B (zh) | 一种应用程序的开发方法和装置 | |
CN112306486B (zh) | 一种界面生成方法、装置、服务器及存储介质 | |
Masiello et al. | Mastering React Native | |
CN112631580A (zh) | 数据处理方法、装置及计算设备 | |
Rischpater | Application development with Qt creator | |
CN115309516A (zh) | 一种应用生命周期的检测方法、装置及计算机设备 | |
CN113934429A (zh) | 一种设计稿的转换方法、装置、计算机设备和存储介质 | |
CN111506312B (zh) | 页面生成方法、装置、计算机设备及存储介质 | |
Lewis et al. | Native mobile development: a cross-reference for iOS and Android | |
US20240061993A1 (en) | Multi-component abstract association and fusion method and apparatus in page design | |
CN117762519A (zh) | 组件管理方法、装置、计算机设备和存储介质 | |
US20220283787A1 (en) | System and method supporting graphical programming based on neuron blocks, and storage medium | |
Samaan et al. | Task models and interaction models in a multiple user interfaces generation process | |
Khan et al. | A retargetable model-driven framework for the development of mobile user interfaces | |
Kurniawan | Java for Android | |
CN115794214A (zh) | 应用模块元数据管理方法、设备、存储介质及装置 | |
Derks | React Projects: Build 12 real-world applications from scratch using React, React Native, and React 360 | |
Holaň et al. | Vaadin 7 cookbook | |
CN112068895A (zh) | 代码配置方法、装置、视频播放设备及存储介质 | |
CN111240676A (zh) | 一种生成骨架屏的代码的方法及装置 | |
Colombo-Mendoza et al. | Alexandria: a visual tool for generating multi-device rich internet applications | |
CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
Campesato | Android: Pocket Primer |
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 |