CN111796819A - 小程序界面生成方法、装置、电子设备及可读存储介质 - Google Patents
小程序界面生成方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN111796819A CN111796819A CN202010426848.6A CN202010426848A CN111796819A CN 111796819 A CN111796819 A CN 111796819A CN 202010426848 A CN202010426848 A CN 202010426848A CN 111796819 A CN111796819 A CN 111796819A
- Authority
- CN
- China
- Prior art keywords
- target
- interface
- template
- applet
- configuration script
- 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.)
- Withdrawn
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000013515 script Methods 0.000 claims description 127
- 238000004590 computer program Methods 0.000 claims description 3
- 239000000306 component Substances 0.000 description 11
- 230000003993 interaction Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 8
- 230000001960 triggered effect Effects 0.000 description 6
- 238000009877 rendering Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 2
- 239000008358 core component Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本公开的实施例提供了一种小程序界面生成方法及装置。所述方法包括:接收终端针对目标小程序执行的触发操作;根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,以使所述终端根据所述目标界面模板生成并显示所述目标小程序对应的显示界面。本公开的实施例可以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
Description
技术领域
本公开的实施例涉及计算机技术领域,尤其涉及一种小程序界面生成方法、装置、电子设备及计算机可读存储介质。
背景技术
在实际小程序运营活动中,常常需要动态更新/改变小程序页面的布局,以达到根据运营策略及时调整页面展现,并针对不同用户展现不同的页面形式。
而在传统的小程序开发技术中,通常是通过绑定变量的方式预先声明可能变更的位置和规则,再通过远程调用获取变化后的变量值,从而局部改变页面布局。
而传统的方式中只能实现局部更新,无法全量更新页面,且布局更新的逻辑无法动态控制。
发明内容
本公开的实施例提供一种小程序界面生成方法、装置、电子设备及计算机可读存储介质,用以实时、全量的页面更新,并能够动态调整布局更新逻辑。
根据本公开的实施例的第一方面,提供了一种小程序界面生成方法,包括:
接收终端针对目标小程序执行的触发操作;
根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;
获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,以使所述终端根据所述目标界面模板生成并显示所述目标小程序对应的小程序界面。
可选地,在所述接收终端针对目标小程序执行的触发操作之前,还包括:
获取多个小程序;所述目标小程序为所述多个小程序中的一个小程序;
获取所述多个小程序的至少一个界面显示参数;
编译得到每个所述界面显示参数对应的界面模板,及每个所述界面模板对应的逻辑配置脚本和布局配置脚本;
将各所述界面模板、各所述逻辑配置脚本和各所述布局配置脚本保存至服务器。
可选地,所述获取所述目标界面显示参数对应的目标界面模板,并将所述目标UI模板推送给所述终端,包括:
生成所述目标界面显示参数对应的模板获取请求;
将所述模板获取请求发送至所述服务器,并获取由所述服务器下发的与所述目标界面显示参数匹配的目标界面模板,及所述目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本;
将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端。
可选地,所述将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端,包括:
调用配置解释器根据所述目标界面模板,确定所述目标布局配置脚本的执行顺序;
将所述目标界面模板、所述目标逻辑配置脚本、所述目标布局配置脚本和所述执行顺序发送给所述终端。
根据本公开的实施例的第二方面,提供了一种小程序界面生成装置,包括:
触发操作接收模块,用于接收终端针对目标小程序执行的触发操作;
界面参数确定模块,用于根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;
界面模板发送模块,用于获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端。
可选地,还包括:
小程序获取模块,用于获取多个小程序;所述目标小程序为所述多个小程序中的一个小程序;
界面显示参数获取模块,用于获取所述多个小程序的至少一个界面显示参数;
模板脚本编译模块,用于编译得到每个所述界面显示参数对应的界面模板,及每个所述界面模板对应的逻辑配置脚本和布局配置脚本;
模板脚本保存模块,用于将各所述界面模板、各所述逻辑配置脚本和各所述布局配置脚本保存至服务器。
可选地,所述界面模板发送模块包括:
模板获取请求生成单元,用于生成所述目标界面显示参数对应的模板获取请求;
模板获取请求发送单元,用于将所述模板获取请求发送至所述服务器,并获取由所述服务器下发的与所述目标界面显示参数匹配的目标界面模板,及所述目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本;
界面模板发送单元,用于将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端。
可选地,所述界面模板发送单元包括:
执行顺序确定子单元,用于调用配置解释器根据所述目标界面模板,确定所述目标布局配置脚本的执行顺序;
界面模板发送子单元,用于将所述目标界面模板、所述目标逻辑配置脚本、所述目标布局配置脚本和所述执行顺序发送给所述终端。
根据本公开的实施例的第三方面,提供了一种电子设备,包括:处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现如上述任一项所述的小程序界面生成方法。
根据本公开的实施例的第四方面,提供了一种可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如上述任一项所述的小程序界面生成方法。
本公开的实施例提供了一种小程序界面生成方法、装置、电子设备及计算机可读存储介质。通过接收终端针对目标小程序执行的触发操作,根据触发操作,确定目标小程序对应的界面显示参数,获取目标界面显示参数对应的目标界面模板,并将目标界面模板推送给终端,以使终端根据目标界面模板生成并显示目标小程序对应的小程序界面。本公开的实施例可以根据用户所需的界面显示参数获取对应的界面模板,并将相应的程序显示界面推送给终端,由终端根据目标界面模板实现小程序的界面布局,本公开实施例可以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
附图说明
为了更清楚地说明本公开的实施例的技术方案,下面将对本公开的实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的实施例的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本公开的实施例提供的一种小程序界面生成方法的步骤流程图;
图2是本公开的实施例提供的另一种小程序界面生成方法的步骤流程图;
图3是本公开的实施例提供的一种小程序界面生成装置的结构示意图;
图4是本公开的实施例提供的另一种小程序界面生成装置的结构示意图。
具体实施方式
下面将结合本公开的实施例中的附图,对本公开的实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开的实施例一部分实施例,而不是全部的实施例。基于本公开的实施例中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开的实施例保护的范围。
实施例一
参照图1,示出了本公开实施例提供的一种小程序界面生成方法的步骤流程图,具体可以包括如下步骤:
步骤101:接收终端针对目标小程序的触发操作。
本公开的实施例可以应用于对小程序的界面进行自定义显示的场景中。
小程序是指不需要下载安装即可使用的应用程序。
目标小程序是指用户触发的需要开启的小程序,例如,在预置页面内显示有小程序A、小程序B和小程序C,在用户触发开启小程序B时,则将小程序B视为目标小程序;而在用户触发开启A时,则将小程序A视为目标小程序。
触发操作是指用户开启目标小程序的操作,在具体实现中,触发操作可以是由用户输入的语音而生成的启动目标小程序的操作,也可以是由用户点击目标小程序而生成的启动目标小程序的操作,还可以是用户通过扫描二维码而触发的操作,具体地,对于何种方式生成的触发操作可以根据实际情况而定,本公开的实施例对此不加以限制。
在接收到终端针对目标小程序的触发操作之后,执行步骤102。
步骤102:根据所述触发操作,确定所述目标小程序对应的目标界面显示参数。
界面显示参数是指目标小程序对应的不同显示界面的参数,例如,目标小程序有3个不同的显示参数,如显示参数1、显示参数2和显示参数3等。
可以理解地,上述示例仅是为了更好地理解本公开实施例的技术方案而列举的示例,不作为对本公开实施例的唯一限制。
目标界面显示参数是指根据用户对目标小程序执行的触发操作获取的界面显示参数,例如,在用户持有终端的显示界面内显示的界面显示参数可以包括界面显示参数1、界面显示参数2和界面显示参数3,在用户选择界面显示参数2时,则将界面显示参数2视为目标界面显示参数;而在用户选择界面显示参数3时,则将界面显示参数3视为目标界面显示参数。
在具体实现中,可以通过捕捉用户在持有终端界面的点击操作的区域,以获取用户选择的目标显示参数,具体地,可以捕捉用户在之持有终端显示界面内的点击坐标,通过捕捉的点击坐标及各界面显示参数的放置区域,从而确定出用户选择的目标界面显示参数。
当然,不仅限于此,在具体实现中,还可以采用其它方式获取用户从至少一个界面显示参数中选择的目标界面显示参数,具体地,可以根据业务需求而定,本申请实施例对此不加以限制。
在根据触发操作确定目标小程序对应的目标界面显示参数之后,执行步骤103。
步骤103:获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,以使所述终端根据所述目标界面生成并显示所述目标小程序对应的小程序界面。
目标界面模板是指目标界面显示参数对应的界面模板,在本公开中,针对一个小程序而言,可以对应有一个或者多个界面显示参数,而每个界面显示参数均对应于一个唯一的界面模板,例如,小程序A的界面显示参数可以包括:界面显示参数1和界面显示参数2,界面显示参数1对应的界面模板为模板a,界面显示参数2对应的界面模板为模板b等。
可以理解地,上述示例仅是为了更好地理解本公开实施例的技术方案而列举的示例,不作为对本公开实施例的唯一限制。
在具体实现中,可以预先设置目标小程序的每个界面显示参数对应的界面模板及交互脚本,并将目标小程序对应的界面模板及交互脚本上传至云端服务器保存,以便于在后续过程中的界面模板的获取,且能够减少对平台本地的内存占用。
在获取到用户从至少一个界面显示参数中选择的目标界面显示参数之后,可以获取到目标界面显示参数所对应的目标界面模板,进而,可以将目标界面模板推送终端,而在终端接收到目标界面模板之后,可以对目标界面模板进行渲染,以生成目标小程序对应的小程序界面,进而可以显示目标小程序的小程序界面,实现目标小程序的界面的动态布局。
本公开实施例通过预先保存每个小程序的至少一个界面显示参数的界面模板,产品运营人员可以任意改变显示参数对应的界面模板和交互逻辑,推送给用户持有的终端设备后组装为显示界面,以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
本公开实施例提供的小程序界面生成方法,通过接收终端针对目标小程序执行的触发操作,根据触发操作,确定目标小程序对应的目标界面显示参数,获取目标界面显示参数对应的目标界面模板,并将目标界面模板推送给终端,以使终端根据目标界面模板生成并显示目标小程序对应的小程序界面。本公开的实施例可以根据用户所需的界面显示参数获取对应的动态界面模板,并将相应的程序显示界面推送给终端,由终端根据目标界面模板实现小程序的界面布局,本公开实施例可以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
实施例二
参照图2,示出了本公开实施例提供的另一种小程序界面生成方法的步骤流程图,具体可以包括如下步骤:
步骤201:获取多个小程序;所述目标小程序为所述多个小程序中的一个小程序。
本公开的实施例可以应用于对小程序的界面进行自定义显示的场景中。
小程序是指不需要下载安装即可使用的应用程序。
在本公开中,首先可以获取需要设计多种形式展现的多个小程序,例如,众多小程序可以包括小程序a、小程序b、小程序c和小程序d,而小程序a、小程序b和小程序c需要设计多种形式展现方式时,则可以获取小程序a、小程序b和小程序c。
可以理解地,上述示例仅是为了更好地理解本公开实施例的技术方案而列举的示例,不作为对本公开实施例的唯一限制。
其中,目标小程序是指用户触发的需要开启的小程序,例如,在预置页面内显示有小程序A、小程序B和小程序C,在用户触发开启小程序B时,则将小程序B视为目标小程序;而在用户触发开启A时,则将小程序A视为目标小程序。
目标小程序为多个小程序中的一个小程序。
在获取多个小程序之后,执行步骤202。
步骤202:获取所述多个小程序的至少一个界面显示参数。
界面显示参数是指小程序对应的不同显示界面的参数,例如,小程序有3个不同的显示参数,如显示参数1、显示参数2和显示参数3等。
在获取多个小程序之后,可以定义多个小程序中每个小程序所对应的至少一个界面显示参数。具体地,可以预先收集用户对小程序的界面展示需求,并根据收集的用户的小程序界面展示需要定义每个小程序对应的至少一个界面显示参数。当然,也可以由研发人员自定义每个小程序的至少一个界面显示参数,具体地,可以根据业务需求而定,本公开实施例对此不加以限制。
在获取多个小程序的至少一个界面显示参数之后,执行步骤203。
步骤203:编译得到每个所述界面显示参数对应的界面模板,及每个所述界面模板对应的逻辑配置脚本和布局配置脚本。
界面模板是指小程序的每个界面显示参数对应的界面展现模板。
在获取多个小程序中每个小程序的至少一个界面显示参数之后,可以针对小程序的每个界面显示参数,编译得到每个界面显示参数所对应的界面模板,以及每个界面模板对应的交互脚本,其中,交互脚本可以包括逻辑配置脚本和布局配置脚本。
其中,逻辑配置脚本定义了每个界面模块的执行先后顺序,布局配置脚本定义了每个界面模块布局及显示参数。
在获取多个小程序的至少一个界面显示参数之后,可以由研发人员编译每个界面显示参数对应的界面模板,并编译每个界面模板对应的逻辑配置脚本和布局配置脚本。
在编译得到每个界面显示参数对应的界面模板,及每个界面模板对应的逻辑配置脚本和布局配置脚本之后,执行步骤204。
步骤204:将各所述界面模板、各所述逻辑配置脚本和各所述布局配置脚本保存至服务器。
在编译得到每个界面显示参数对应的界面模板,及每个界面模板对应的逻辑配置脚本和布局配置脚本之后,可以将每个界面显示参数对应的界面模板,及每个界面模板对应的逻辑配置脚本和布局配置脚本上传至服务器,由服务器进行保存,在后续使用过程中,可以从服务器中获取。此种保存方式可以减轻小程序供应平台的内存压力。
当然,除此之外,还可以将编译得到的每个界面显示参数对应的界面模板,及每个界面模板对应的逻辑配置脚本和布局配置脚本保存至平台本地,在后续使用过程中,可以直接从平台本地获取,具体地,可以根据业务需求而定,本公开实施例对此不加以限制。
在将各界面模板、各逻辑配置脚本和各布局配置脚本保存至服务器之后,执行步骤205。
步骤205:接收终端针对目标小程序执行的触发操作。
触发操作是指用户开启目标小程序的操作,在具体实现中,触发操作可以是由用户输入的语音而生成的启动目标小程序的操作,也可以是由用户点击目标小程序而生成的启动目标小程序的操作,还可以是用户扫描二维码触发的操作等,具体地,对于何种方式生成的触发操作可以根据实际情况而定,本公开的实施例对此不加以限制。
在接收到终端针对目标小程序执行的触发操作之后,执行步骤206。
步骤206:根据所述触发操作,确定所述目标小程序对应的目标界面显示参数。
界面显示参数是指目标小程序对应的不同显示界面的参数,例如,目标小程序有3个不同的显示参数,如显示参数1、显示参数2和显示参数3等。
可以理解地,上述示例仅是为了更好地理解本公开实施例的技术方案而列举的示例,不作为对本公开实施例的唯一限制。
目标界面显示参数是指根据用户对目标小程序执行的触发操作获取的界面显示参数,例如,在用户持有终端的显示界面内显示的界面显示参数可以包括界面显示参数1、界面显示参数2和界面显示参数3,在用户选择界面显示参数2时,则将界面显示参数2视为目标界面显示参数;而在用户选择界面显示参数3时,则将界面显示参数3视为目标界面显示参数。
在具体实现中,可以通过捕捉用户在持有终端界面的点击操作的区域,以获取用户选择的目标显示参数,具体地,可以捕捉用户在之持有终端显示界面内的点击坐标,通过捕捉的点击坐标及各界面显示参数的放置区域,从而确定出用户选择的目标界面显示参数。
当然,不仅限于此,在具体实现中,还可以采用其它方式获取用户从至少一个界面显示参数中选择的目标界面显示参数,具体地,可以根据业务需求而定,本申请实施例对此不加以限制。
在根据触发操作确定目标小程序对应的目标界面显示参数之后,执行步骤207。
步骤207:生成所述目标界面显示参数对应的模板获取请求。
模板获取请求是指小程序供应平台生成的用于获取目标界面模板的请求。
在获取目标界面显示参数之后,可以结合目标界面显示参数生成相应的模板获取请求,具体地,可以先获取一个模板获取请求,并在模板获取请求中添加目标界面显示参数,以得到该目标界面显示参数对应的模板获取请求。
在生成目标界面显示参数对应的模板获取请求之后,执行步骤208。
步骤208:将所述模板获取请求发送至所述服务器,并获取由所述服务器下发的与所述目标界面显示参数匹配的目标界面模板,及所述目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本。
目标界面模板是指目标界面显示参数对应的界面模板,在本公开中,针对一个小程序而言,可以对应有一个或者多个界面显示参数,而每个界面显示参数均对应于一个唯一的界面模板,例如,小程序A的界面显示参数可以包括:界面显示参数1和界面显示参数2,界面显示参数1对应的界面模板为模板a,界面显示参数2对应的界面模板为模板b等。
在生成目标界面显示参数对应的模板获取请求之后,可以将模板获取请求发送至服务器,由服务器对模板获取请求进行解析,以得到目标界面显示参数,从而根据目标界面显示参数获取对应的目标界面模板,以及目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本。
进而,由服务器将匹配得到的目标界面模板,以及目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本下发至小程序供应平台。
在模板获取请求发送至服务器,并获取由服务器下发的与目标界面显示参数匹配的目标界面模板,及目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本之后,执行步骤209。
步骤209:将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端,以使所述终端根据所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本生成所述小程序界面。
在获取到由服务器下发的与目标界面显示参数匹配的目标界面模板,及目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本之后,可以将目标界面模板、目标逻辑配置脚本和目标布局配置脚本一同发送给用户持有的终端,从而终端可以根据目标界面模板、目标逻辑配置脚本和目标布局配置脚本渲染生成目标小程序对应的小程序界面,并在终端屏幕上显示目标小程序的小程序界面。具体地,可以结合下述具体实现方式进行详细描述。
在本公开的一种具体实现方式中,上述步骤209可以包括:
子步骤S1:调用配置解释器根据所述目标界面模板,确定所述目标布局配置脚本的执行顺序。
在本公开的实施例中,配置解释器是指预先设置于小程序供应平台的解释器,配置解释器可以用于拦截从服务器获取的目标界面模板,及目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本,并调用配置解释器根据目标界面模板确定出目标布局配置脚本的执行顺序。
在本实施例中,还可以预先配置布局渲染引擎,布局渲染引擎会根据下发的界面模板生成虚拟的文档对象,根据文档对象中的描述,调用小程序基础组件递归地逐级渲染虚拟文档对象。
文档对象是一种树的结构,每一级都标识了需要渲染的组件,布局引擎会将需要渲染的组件分为3类:一般基础组件,自定义组件,用于递归的核心组件。用于递归的核心组件是用自定义组件来模拟子文档对象,从而使渲染引擎可以渲染无限制层级的文档对象。
配置解释器用于解释交互逻辑脚本,交互逻辑脚本在服务端会经过如下处理:
1、对脚本进行语法分析,转化为抽象语法树;
2、对于语法树中每一种类型进行编号及替换;
3、去除语法树中的冗余结构;
4、将语法树中的键值对转化为数组,进一步去除信息冗余。
配置解释器得到以上处理后的交互逻辑脚本,进行如下操作:
a)遍历语法树的结构,提取每层结构的语义;
b)每层结构包含以下含义的一种或几种;声明变量、声明函数、挂载变量、执行函数、取值、循环、判断、返回等含义
c)解释执行每种结果对应的含义;
d)递归执行当前语法结构的子结构。
在调用配置解释器根据目标界面模板确定出目标布局配置脚本的执行顺序之后,执行子步骤S2。
子步骤S2:将所述目标界面模板、所述目标逻辑配置脚本、所述目标布局配置脚本和所述执行顺序发送给所述终端。
在调用配置解释器根据目标界面模板确定出目标布局配置脚本的执行顺序之后,可以调用布局渲染引擎根据目标布局配置脚本的执行顺序,该执行顺序可以指示目标逻辑配置脚本的渲染顺序,进而,可以将该执行顺序连同目标界面模板、目标逻辑配置脚本和目标布局配置脚本发送给终端。
可以理解地,上述过程中生成执行顺序之后,还可以根据目标布局配置脚本的执行顺序将目标程序显示界面绑定各事件对应的界面模块。
在根据目标界面模板、目标逻辑配置脚本和目标布局配置脚本,生成目标程序显示界面之后,可以根据目标布局配置脚本的执行顺序将目标程序显示界面绑定各事件对应的界面模块,并调用配置解释器,将目标小程序的各个参数和绑定的各事件对应的界面模块共同推送给用户持有的终端,以实现目标小程序的自定义展现。
本公开的实施例通过预先保存每个小程序的至少一个界面显示参数的界面模板,用户可以自定义选择所需的界面显示参数,进而可以将相应的程序显示界面推送给用户持有的终端设备,以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
本公开实施例提供的小程序界面生成方法,通过接收终端针对目标小程序执行的触发操作,根据触发操作,确定目标小程序对应的目标界面显示参数,获取目标界面显示参数对应的目标界面模板,并将目标界面模板推送给终端,以使终端根据目标界面模板生成并显示目标小程序对应的小程序界面。本公开的实施例可以根据用户所需的界面显示参数获取对应的界面模板,并将相应的程序显示界面推送给终端,由终端根据目标界面模板实现小程序的界面布局,本公开实施例可以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
实施例三
参照图3,示出了本公开实施例提供的一种小程序界面生成装置的结构示意图,具体可以包括如下模块:
触发操作接收模块310,用于接收终端针对目标小程序执行的触发操作;
界面参数确定模块320,用于根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;
界面模板发送模块330,用于获取所述目标界面显示参数对应的目标界面模板,并将所述界面模板推送给所述终端,以使所述终端。
本公开实施例提供的小程序界面生成装置,通过接收终端针对目标小程序执行的触发操作,根据触发操作,确定目标小程序对应的目标界面显示参数,获取目标界面显示参数对应的目标界面模板,并将目标界面模板推送给终端,以使终端根据目标界面模板生成并显示目标小程序对应的小程序界面。本公开的实施例可以根据用户所需的界面显示参数获取对应的UI模板,并将相应的程序显示界面推送给终端,由终端根据目标界面模板实现小程序的界面布局,本公开实施例可以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
实施例四
参照图4,示出了本公开实施例提供的一种小程序界面生成装置的结构示意图,具体可以包括如下模块:
小程序获取模块410,用于获取多个小程序;所述目标小程序为所述多个小程序中的一个小程序;
界面显示参数获取模块420,用于获取所述多个小程序的至少一个界面显示参数;
模板脚本编译模块430,用于编译得到每个所述界面显示参数对应的界面模板,及每个所述界面模板对应的逻辑配置脚本和布局配置脚本;
模板脚本保存模块440,用于将各所述界面模板、各所述逻辑配置脚本和各所述布局配置脚本保存至服务器;
触发操作接收模块450,用于接收到终端针对目标小程序执行的触发操作;
界面参数确定模块460,用于根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;
界面模板发送模块470,用于获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,以使所述终端根据所述目标界面模板生成并显示所述目标小程序对应的小程序界面。
可选地,所述界面模板发送模块470包括:
模板获取请求生成单元471,用于生成所述目标界面显示参数对应的模板获取请求;
模板获取请求发送单元472,用于将所述模板获取请求发送至所述服务器,并获取由所述服务器下发的与所述目标界面显示参数匹配的目标界面模板,及所述目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本;
界面模板发送单元473,用于将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端。
可选地,所述界面模板发送单元473包括:
执行顺序确定子单元,用于调用配置解释器根据所述目标界面模板,确定所述目标布局配置脚本的执行顺序;
界面模板发送子单元,用于将所述目标界面模板、所述目标逻辑配置脚本、所述目标布局配置脚本和所述执行顺序发送给所述终端。
本公开实施例提供的小程序界面生成装置,通过接收终端针对目标小程序执行的触发操作,根据触发操作,确定目标小程序对应的目标界面显示参数,获取目标界面显示参数对应的目标界面模板,并将目标程序显示界界面模板面推送给终端,以使终端根据目标界面模板生成并显示目标小程序对应的小程序界面。本公开的实施例可以根据用户所需的界面显示参数获取对应的UI模板,并将相应的程序显示界面推送给终端,由终端根据目标界面模板实现小程序的界面布局,本公开实施例可以实现实时、全量的页面更新,并能够动态调整布局更新逻辑。
本公开的实施例还提供了一种电子设备,包括:处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现前述实施例的小程序界面生成方法。
本公开的实施例还提供了一种计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行前述实施例的小程序界面生成方法。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本公开的实施例也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本公开的实施例的内容,并且上面对特定语言所做的描述是为了披露本公开的实施例的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本公开的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本公开的示例性实施例的描述中,本公开的实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本公开的实施例要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本公开的实施例的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。
本公开的实施例的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本公开的实施例的动态图片的生成设备中的一些或者全部部件的一些或者全部功能。本公开的实施例还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序。这样的实现本公开的实施例的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本公开的实施例进行说明而不是对本公开的实施例进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本公开的实施例可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
以上所述仅为本公开的实施例的较佳实施例而已,并不用以限制本公开的实施例,凡在本公开的实施例的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本公开的实施例的保护范围之内。
以上所述,仅为本公开的实施例的具体实施方式,但本公开的实施例的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本公开的实施例揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本公开的实施例的保护范围之内。因此,本公开的实施例的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种小程序界面生成方法,其特征在于,包括:
接收终端针对目标小程序执行的触发操作;
根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;
获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,以使所述终端根据所述目标界面模板生成并显示所述目标小程序对应的小程序界面。
2.根据权利要求1所述的方法,其特征在于,在所述接收终端针对目标小程序执行的触发操作之前,还包括:
获取多个小程序;所述目标小程序为所述多个小程序中的一个小程序;
获取所述多个小程序的至少一个界面显示参数;
编译得到每个所述界面显示参数对应的界面模板,及每个所述界面模板对应的逻辑配置脚本和布局配置脚本;
将各所述界面模板、各所述逻辑配置脚本和各所述布局配置脚本保存至服务器。
3.根据权利要求2所述的方法,其特征在于,所述获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,包括:
生成所述目标界面显示参数对应的模板获取请求;
将所述模板获取请求发送至所述服务器,并获取由所述服务器下发的与所述目标界面显示参数匹配的目标界面模板,及所述目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本;
将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端。
4.根据权利要求3所述的方法,其特征在于,所述将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端,包括:
调用配置解释器根据所述目标界面模板,确定所述目标布局配置脚本的执行顺序;
将所述目标界面模板、所述目标逻辑配置脚本、所述目标布局配置脚本和所述执行顺序发送给所述终端。
5.一种小程序界面生成装置,其特征在于,包括:
触发操作接收模块,用于接收终端针对目标小程序执行的触发操作;
界面参数确定模块,用于根据所述触发操作,确定所述目标小程序对应的目标界面显示参数;
界面模板发送模块,用于获取所述目标界面显示参数对应的目标界面模板,并将所述目标界面模板推送给所述终端,以使所述终端根据所述目标界面模板生成并显示所述目标小程序对应的小程序界面。
6.根据权利要求5所述的装置,其特征在于,还包括:
小程序获取模块,用于获取多个小程序;所述目标小程序为所述多个小程序中的一个小程序;
界面显示参数获取模块,用于获取所述多个小程序的至少一个界面显示参数;
模板脚本编译模块,用于编译得到每个所述界面显示参数对应的界面模板,及每个所述界面模板对应的逻辑配置脚本和布局配置脚本;
模板脚本保存模块,用于将各所述界面模板、各所述逻辑配置脚本和各所述布局配置脚本保存至服务器。
7.根据权利要求6所述的装置,其特征在于,所述界面模板发送模块包括:
模板获取请求生成单元,用于生成所述目标界面显示参数对应的模板获取请求;
模板获取请求发送单元,用于将所述模板获取请求发送至所述服务器,并获取由所述服务器下发的与所述目标界面显示参数匹配的目标界面模板,及所述目标界面模板对应的目标逻辑配置脚本和目标布局配置脚本;
界面模板发送单元,用于将所述目标界面模板、所述目标逻辑配置脚本和所述目标布局配置脚本发送给所述终端。
8.根据权利要求7所述的装置,其特征在于,所述界面模板发送单元包括:
执行顺序确定子单元,用于调用配置解释器根据所述目标界面模板,确定所述目标布局配置脚本的执行顺序;
界面模板发送子单元,用于将所述目标界面模板、所述目标逻辑配置脚本、所述目标布局配置脚本和所述执行顺序发送给所述终端。
9.一种电子设备,其特征在于,包括:
处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现如权利要求1-4中任一项所述的小程序界面生成方法。
10.一种计算机可读存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如方法权利要求1-4中任一项所述的小程序界面生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010426848.6A CN111796819A (zh) | 2020-05-19 | 2020-05-19 | 小程序界面生成方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010426848.6A CN111796819A (zh) | 2020-05-19 | 2020-05-19 | 小程序界面生成方法、装置、电子设备及可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111796819A true CN111796819A (zh) | 2020-10-20 |
Family
ID=72806715
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010426848.6A Withdrawn CN111796819A (zh) | 2020-05-19 | 2020-05-19 | 小程序界面生成方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111796819A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113961272A (zh) * | 2021-12-20 | 2022-01-21 | 广州半城云信息科技有限公司 | 一种个性化页面的展示方法和系统 |
CN114661483A (zh) * | 2022-03-23 | 2022-06-24 | 支付宝(杭州)信息技术有限公司 | 子程序同步处理方法及装置 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017173914A1 (zh) * | 2016-04-07 | 2017-10-12 | 北京橙鑫数据科技有限公司 | 信息展示界面的变更方法和装置 |
CN108170430A (zh) * | 2017-12-26 | 2018-06-15 | 阿里巴巴集团控股有限公司 | 一种界面展示的方法及系统 |
CN109343851A (zh) * | 2018-09-26 | 2019-02-15 | 中国平安人寿保险股份有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
CN109375918A (zh) * | 2018-11-23 | 2019-02-22 | 天津字节跳动科技有限公司 | 小程序的界面渲染方法、装置、电子设备和存储介质 |
CN110554816A (zh) * | 2019-07-25 | 2019-12-10 | 华为技术有限公司 | 一种界面生成方法及设备 |
CN110609681A (zh) * | 2018-06-14 | 2019-12-24 | 北京京东尚科信息技术有限公司 | 可视化配置生成web应用的系统、方法、设备及介质 |
CN111124544A (zh) * | 2019-12-25 | 2020-05-08 | 北京奇艺世纪科技有限公司 | 界面显示方法、装置、电子设备及存储介质 |
-
2020
- 2020-05-19 CN CN202010426848.6A patent/CN111796819A/zh not_active Withdrawn
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017173914A1 (zh) * | 2016-04-07 | 2017-10-12 | 北京橙鑫数据科技有限公司 | 信息展示界面的变更方法和装置 |
CN108170430A (zh) * | 2017-12-26 | 2018-06-15 | 阿里巴巴集团控股有限公司 | 一种界面展示的方法及系统 |
CN110609681A (zh) * | 2018-06-14 | 2019-12-24 | 北京京东尚科信息技术有限公司 | 可视化配置生成web应用的系统、方法、设备及介质 |
CN109343851A (zh) * | 2018-09-26 | 2019-02-15 | 中国平安人寿保险股份有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
CN109375918A (zh) * | 2018-11-23 | 2019-02-22 | 天津字节跳动科技有限公司 | 小程序的界面渲染方法、装置、电子设备和存储介质 |
CN110554816A (zh) * | 2019-07-25 | 2019-12-10 | 华为技术有限公司 | 一种界面生成方法及设备 |
CN111124544A (zh) * | 2019-12-25 | 2020-05-08 | 北京奇艺世纪科技有限公司 | 界面显示方法、装置、电子设备及存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113961272A (zh) * | 2021-12-20 | 2022-01-21 | 广州半城云信息科技有限公司 | 一种个性化页面的展示方法和系统 |
CN114661483A (zh) * | 2022-03-23 | 2022-06-24 | 支付宝(杭州)信息技术有限公司 | 子程序同步处理方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109358851B (zh) | 图表组件的创建方法、装置及计算机可读存储介质 | |
CN114064024B (zh) | 微应用的开发方法、装置、设备、存储介质及程序产品 | |
CN110708202B (zh) | 插件节点的配置方法、装置、设备及存储介质 | |
US20230308504A9 (en) | Method and system of application development for multiple device client platforms | |
CN104731589A (zh) | 用户界面的自动生成方法及自动生成装置 | |
CN108279882B (zh) | 框架生成方法、装置、设备及计算机可读介质 | |
CN112612452B (zh) | 一种api平台实现方法、装置、设备及存储介质 | |
CN106230977B (zh) | 一种客户端功能加载方法、系统、客户端和服务端 | |
CN111796819A (zh) | 小程序界面生成方法、装置、电子设备及可读存储介质 | |
CN112083926A (zh) | 一种Web用户界面生成方法及装置 | |
CN105847319A (zh) | 一种移动终端网络请求方法及系统 | |
CN110324722A (zh) | 直播间中数据的获取方法、装置、设备和存储介质 | |
CN116339694B (zh) | 低代码平台组件的扩展方法、装置、电子设备及存储介质 | |
CN102510373B (zh) | 一种用于在移动设备中运行应用的方法、设备和系统 | |
CN112181409A (zh) | 一种应用构建方法、应用渲染方法及装置 | |
CN114327709A (zh) | 一种控制页面生成方法、装置、智能设备及存储介质 | |
CN111581578B (zh) | 接口请求处理方法和装置 | |
CN111782992B (zh) | 显示控制方法、装置、设备及可读存储介质 | |
CN115914219A (zh) | 任务请求处理方法、装置、系统、可读存储介质和电子设备 | |
CN114356520A (zh) | 微应用的运行方法、装置、设备、存储介质及程序产品 | |
CN112486523A (zh) | 容器镜像创建方法和装置、存储介质和电子设备 | |
CN111078215A (zh) | 软件产品应用方法及装置、存储介质及电子设备 | |
CN117251231B (zh) | 一种动画资源处理方法、装置、系统及电子设备 | |
CN113706209B (zh) | 运营数据处理方法及相关装置 | |
CN117389546A (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 | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20201020 |
|
WW01 | Invention patent application withdrawn after publication |