页面搭建方法、装置、电子设备和计算机可读存储介质制造方法及图纸

技术编号:34725499 阅读:17 留言:0更新日期:2022-08-31 18:12
本申请提供了一种页面搭建方法、装置、电子设备和计算机可读存储介质,其中,该方法包括:根据页面构建需求,确定组件树数据;根据所述组件树数据,生成初始页面;接收对所述初始页面的配置参数;以及根据所述配置参数和所述初始页面生成目标页面。可以提高页面构建的效率。率。率。

【技术实现步骤摘要】
页面搭建方法、装置、电子设备和计算机可读存储介质


[0001]本申请涉及计算机
,具体而言,涉及一种页面搭建方法、装置、电子设备和计算机可读存储介质。

技术介绍

[0002]页面的构建方式,通常需要工程师通过编辑代码的方式逐一布局页面中所需要的组成部分,但是这种处理方式所需花费的人力资源较多,还可能存在工程师在编辑代码过程中出现一些错误,导致页面构建的效率也相对较低。

技术实现思路

[0003]本申请的目的在于提供一种页面搭建方法、装置、电子设备和计算机可读存储介质,改善现有的页面构建效率低的问题。
[0004]第一方面,本专利技术提供一种页面搭建方法,包括:根据页面构建需求,确定组件树数据;根据所述组件树数据,生成初始页面;接收对所述初始页面的配置参数;以及根据所述配置参数和所述初始页面生成目标页面。
[0005]在可选的实施方式中,所述根据页面构建需求,确定组件树数据,包括:根据页面构建需求,从组件库中选取多个目标组件;根据多个所述目标组件,构建组件树数据。
[0006]在可选的实施方式中,所述根据多个所述目标组件,构建组件树数据,包括:基于多个所述目标组件的配置需求以及多个所述目标组件的组件标签,构建组件树的组件树声明,所述配置需求包括多个所述目标组件的层级关系,所述组件树数据包括所述组件树声明。
[0007]在可选的实施方式中,所述方法还包括:获取组件更换请求;根据所述组件换请求,将当前页面中的第一组件替换为第二组件,所述第一组件为当前页面中所包含的一个组件;根据所述第二组件的组件标签,替换所述组件树声明中的所述第一组件的组件标签。
[0008]在可选的实施方式中,所述根据所述组件树数据,生成初始页面,包括:根据所述组件树声明,加载所述目标组件,并对渲染出组件,以生成初始页面。
[0009]在可选的实施方式中,所述根据所述组件树数据,生成初始页面,包括:根据所述组件树声明,加载所述目标组件,并对渲染出组件,以生成初始页面;对所述组件树中父组件和子组件的数据流和事件进行关联。
[0010]在可选的实施方式中,所述接收对所述初始页面的配置参数,包括:提供配置界面,所述配置界面中包括一个或多个配置框,所述配置框用于接收配置参数;获取所述配置框中接收到的配置参数。
[0011]在可选的实施方式中,所述根据页面构建需求,确定组件树数据,包括:根据页面构建需求,筛选出目标页面模板;根据所述目标页面模板,确定出组件树数据。
[0012]第二方面,本专利技术提供一种页面搭建装置,包括:第一确定模块,用于根据页面构建需求,确定组件树数据;第一生成模块,用于根据所述组件树数据,生成初始页面;接收模
块,用于接收对所述初始页面的配置参数;以及第二生成模块,用于根据所述配置参数和所述初始页面生成目标页面。
[0013]第三方面,本专利技术提供一种电子设备,包括:处理器、存储器;所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述机器可读指令被所述处理器执行时执行如前述实施方式任意一项所述的方法的步骤。
[0014]第四方面,本专利技术提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行如前述实施方式任意一项所述的方法的步骤。
[0015]本申请实施例的有益效果是:通过上述页面构建方法,通过组件树数据可以将所需页面中的各组件关联起来,可以使页面中的各组件关联性更清楚;进一步地,根据该组件树数据的逻辑生成初始页面,可以使生成页面的顺序更清楚,也能够方便快速地实现各个组件的加载与生成,提高生成页面的效率。
附图说明
[0016]为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
[0017]图1为本申请实施例提供的电子设备的方框示意图;
[0018]图2为本申请实施例提供的页面构建方法的流程图;
[0019]图3为本申请实施例提供的页面构建装置的功能模块示意图。
具体实施方式
[0020]下面将结合本申请实施例中附图,对本申请实施例中的技术方案进行描述。
[0021]应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本申请的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
[0022]随着计算机技术的发展,越来越多的信息通过互联网或计算机载体实现传播。经专利技术人研究了解到,不同公司的各线的飞速发展,更多的运营活动可以通过计算机显示页面中显示传播。为了使用活动页面能够更好地实现其需要的目的,活动页面需要具有一定的特定、内容需要更加丰富、内容的时效性好等。示例性地,活动页面的需求特点主要表现为:页面布局和业务逻辑较固定、每周甚至每天等不定时地存在此类活动页面需求、开发时间短上线时间紧、开发任务重复、消耗各方相关工作人员的沟通时间和人力。
[0023]基于现状的需求,需要一种能够方便用户操作的页面构建系统,使没有专业编程技术的人员也能够构建页面。但是当前的页面构建技术中,还是存在一些不足,例如:页面模板或者组件升级,bug修复,相应页面需要重新发布。
[0024]基于上述研究,本申请提供了一种页面构建方法,通过组件树数据可以实现快速构建页面,还可以基于需求适应性选出需要的组件,替换已构建的组件树中的组件,以实现对组件树的更新。下面通过一些实施例来描述本申请提供的页面构建方法。
[0025]为便于对本实施例进行理解,首先对执行本申请实施例所公开的页面构建方法的电子设备进行详细介绍。
[0026]如图1所示,是电子设备的方框示意图。电子设备100可以包括存储器111、存储控制器112、处理器113、外设接口114、输入输出单元115、显示单元116。本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对电子设备100的结构造成限定。例如,电子设备100还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。
[0027]上述的存储器111、存储控制器112、处理器113、外设接口114、输入输出单元115及显示单元116各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。上述的处理器113用于执行存储器中存储的可执行模块。
[0028]其中,存储器111可以是,但不限于,随机存取存储器(Random Access Memory,简称RAM),只读存储器(Read Only Memory,简称ROM),可编程只读存储器(Programmable Read

...

【技术保护点】

【技术特征摘要】
1.一种页面搭建方法,其特征在于,包括:根据页面构建需求,确定组件树数据;根据所述组件树数据,生成初始页面;接收对所述初始页面的配置参数;以及根据所述配置参数和所述初始页面生成目标页面。2.根据权利要求1所述的方法,其特征在于,所述根据页面构建需求,确定组件树数据,包括:根据页面构建需求,从组件库中选取多个目标组件;根据多个所述目标组件,构建组件树数据。3.根据权利要求2所述的方法,其特征在于,所述根据多个所述目标组件,构建组件树数据,包括:基于多个所述目标组件的配置需求以及多个所述目标组件的组件标签,构建组件树的组件树声明,所述配置需求包括多个所述目标组件的层级关系,所述组件树数据包括所述组件树声明。4.根据权利要求3所述的方法,其特征在于,所述方法还包括:获取组件更换请求;根据所述组件换请求,将当前页面中的第一组件替换为第二组件,所述第一组件为当前页面中所包含的一个组件;根据所述第二组件的组件标签,替换所述组件树声明中的所述第一组件的组件标签。5.根据权利要求3或4所述的方法,其特征在于,所述根据所述组件树数据,生成初始页面,包括:根据所述组件树声明,加载所述目标组件,并对渲染出组件,以生成初始页面。6.根据权利要求3或4所述的方法,其特征在于,所述根据所述组件树数据,生成初始页面,包括:根据所述组件树声明,加载所述目...

【专利技术属性】
技术研发人员:宋晓强
申请(专利权)人:上海识致信息科技有限责任公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1