页面生成方法技术

本申请公开了一种页面生成方法

【技术实现步骤摘要】
页面生成方法、装置、设备、介质及程序产品


[0001]本申请属于互联网
，尤其涉及一种页面生成方法
、
装置
、
设备
、
介质及程序产品
。

技术介绍

[0002]随着计算机网络技术的飞速发展，为了给用户提供更好地体验，计算机系统越来越复杂，功能越来越丰富，个性化场景的界面开发需求也越来越多
。
[0003]目前，实现个性化场景的界面开发的方式有两种，一种是将界面信息按照固定规范开发，另一种是运营管理人员根据业务需求在后端管理界面手动更新界面配置
。
[0004]上述个性化界面开发的方式存在个性化场景开发周期长
、
开发效率低
、
代码复用率较低和运营维护成本较高的问题
。

技术实现思路

[0005]本申请实施例提供一种在页面生成方法
、
装置
、
设备及计算机存储介质，能够缩短个性化场景开发周期，提高开发效率和代码复用率并降低运营维护成本
。
[0006]第一方面，本申请实施例提供一种页面生成方法，方法包括：
[0007]显示页面设置界面，页面设置界面包括功能菜单以及页面编辑区域，功能菜单中包括控件选项和控件配置参数选项；页面编辑区域划分为多个栅格；控件选项根据页面元素或者页面元素组合确定；
[0008]接收用户将目标控件选项拖动到页面编辑区域的拖动输入以及对目标控件配置参数选项的配置输入，目标控件选项为控件选项中的至少一个，目标控件配置参数选项为控件配置参数选项中的至少一个；
[0009]响应于拖动输入，根据页面编辑区域的栅格布局，确定目标控件选项在页面编辑区域中的目标栅格位置，以及响应于配置输入，确定目标控件选项所需目标字段所属的接口编码；
[0010]根据接口编码对应的第一接口，获取目标字段对应的字段键值以及字段键值对应的数据结构；
[0011]根据目标栅格位置
、
字段键值和数据结构，对目标控件选项进行渲染，生成目标页面
。
[0012]第二方面，本申请实施例提供了一种页面生成装置，装置包括：
[0013]显示模块，用于显示页面设置界面，页面设置界面包括功能菜单以及页面编辑区域，功能菜单中包括控件选项和控件配置参数选项；页面编辑区域划分为多个栅格；控件选项根据页面元素或者页面元素组合确定；
[0014]接收模块，用于接收用户将目标控件选项拖动到页面编辑区域的拖动输入以及对目标控件配置参数选项的配置输入，目标控件选项为控件选项中的至少一个，目标控件配置参数选项为控件配置参数选项中的至少一个；
[0015]确定模块，用于响应于拖动输入，根据页面编辑区域的栅格布局，确定目标控件选项在页面编辑区域中的目标栅格位置，以及响应于配置输入，确定目标控件选项所需目标字段所属的接口编码；
[0016]获取模块，用于根据接口编码对应的第一接口，获取目标字段对应的字段键值以及字段键值对应的数据结构；
[0017]渲染模块，用于根据目标栅格位置
、
字段键值和数据结构，对目标控件选项进行渲染，生成目标页面
。
[0018]第三方面，本申请实施例提供了一种电子设备，设备包括：
[0019]处理器以及存储有计算机程序指令的存储器；
[0020]处理器执行计算机程序指令时实现如第一方面的页面生成方法
。
[0021]第四方面，本申请实施例提供了一种计算机存储介质，计算机可读存储介质上存储有计算机程序指令，计算机程序指令被处理器执行时实现如第一方面的页面生成方法
。
[0022]第五方面，本申请实施例提供了一种计算机程序产品，计算机程序产品中的指令由电子设备的处理器执行时，电子设备执行如第一方面的页面生成方法
。
[0023]本申请实施例提供的一种页面生成方法，显示的页面设置界面中包括功能菜单以及页面编辑区域，功能菜单中包括控件选项和控件配置参数选项；页面编辑区域划分为多个栅格；控件选项根据页面元素或者页面元素组合确定
。
如此，用户可以将目标控件选项拖动到页面编辑区域，而且通过控件配置参数选项实现对目标控件选项的配置
。
如此当用户将目标控件选项拖动到页面编辑区域以及通过控件配置参数选项实现对目标控件选项的配置后，本申请实施例可以根据页面编辑区域的栅格布局，确定目标控件选项在页面编辑区域中的目标栅格位置，以及确定目标控件选项所需目标字段所属的接口编码；进而根据接口编码对应的第一接口，获取目标字段对应的字段键值以及字段键值对应的数据结构；最后根据目标栅格位置
、
字段键值和数据结构，对目标控件选项进行渲染，生成目标页面
。
所以，本申请实施例可以使用户根据自身需求通过对页面设置界面中的目标控件选项的拖动输入以及配置参数选项的配置输入来实现页面的个性化场景开发
。
在该页面生成方法中，无需开发新的生成页面代码，所以，该方法缩短了个性化场景开发的周期，提高了开发效率和代码复用率，以及降低了运营维护成本
。
附图说明
[0024]为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单的介绍，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图
。
[0025]图1是本申请提供的页面生成方法的实施例的流程示意图；
[0026]图2至图6是本申请提供的寻路算法的实施例的示意图；
[0027]图7是本申请提供的页面生成装置的实施例的结构示意图；
[0028]图8是本申请提供的电子设备的实施例的结构示意图
。
具体实施方式
[0029]下面将详细描述本申请的各个方面的特征和示例性实施例，为了使本申请的目
的
、
技术方案及优点更加清楚明白，以下结合附图及具体实施例，对本申请进行进一步详细描述
。
应理解，此处所描述的具体实施例仅意在解释本申请，而不是限定本申请
。
对于本领域技术人员来说，本申请可以在不需要这些具体细节中的一些细节的情况下实施
。
下面对实施例的描述仅仅是为了通过示出本申请的示例来提供对本申请更好的理解
。
[0030]需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序
。
而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程
、
方法
、
物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种页面生成方法，其特征在于，包括：显示页面设置界面，所述页面设置界面包括功能菜单以及页面编辑区域，所述功能菜单中包括控件选项和控件配置参数选项；所述页面编辑区域划分为多个栅格；所述控件选项根据页面元素或者页面元素组合确定；接收用户将目标控件选项拖动到所述页面编辑区域的拖动输入以及对目标控件配置参数选项的配置输入，所述目标控件选项为所述控件选项中的至少一个，所述目标控件配置参数选项为所述控件配置参数选项中的至少一个；响应于所述拖动输入，根据所述页面编辑区域的栅格布局，确定所述目标控件选项在所述页面编辑区域中的目标栅格位置，以及响应于所述配置输入，确定所述目标控件选项所需目标字段所属的接口编码；根据所述接口编码对应的第一接口，获取所述目标字段对应的字段键值以及所述字段键值对应的数据结构；根据所述目标栅格位置
、
所述字段键值和所述数据结构，对目标控件选项进行渲染，生成目标页面
。2.
根据权利要求1所述的页面生成方法，其特征在于，所述根据所述目标栅格位置
、
所述字段键值和所述数据结构，对目标控件选项进行渲染，生成目标页面之前，还包括：根据寻路算法，确定所述目标控件选项从初始栅格位置到所述目标栅格位置的目标路径；所述初始栅格位置为所述拖动输入将所述目标控件选项拖动到所述页面编辑区域中的栅格位置；按照所述目标路径，将所述目标控件选项从所述初始栅格位置移动到所述目标栅格位置
。3.
根据权利要求2所述的页面生成方法，所述根据寻路算法，确定从所述初始栅格位置到所述目标栅格位置的目标路径，具体包括：步骤
A、
确定所述初始栅格位置为起点；步骤
B、
确定从所述起点到所述目标栅格位置的可选路径中，从起点消耗一步时所经过的第一栅格；并将所述第一栅格和所述起点存放到第一栅格列表中；存放在所述第一栅格列表中的所述第一栅格绑定有消耗步数，所述消耗步数为从所述初始栅格位置到所述第一栅格所经过的最小栅格数以及从所述第一栅格到所述目标栅格位置所经过的最小栅格数之和；在所述第一栅格无父节点的情况下，将上述起点确定为上述第一栅格的父节点；步骤
C、
从所述第一栅格列表中选择所述消耗步数最小的目标第一栅格，将其中一个目标第一栅格确定为当前栅格，并存放到第二栅格列表中；步骤
D、
计算与所述当前栅格相邻的第二栅格的消耗步数，在所述第二栅格无父节点的情况下，将所述当前栅格确定为第二栅格的父节点，所述第二栅格不包括所述起点；步骤
E、
判断所述第二栅格的消耗步数是否大于所述当前栅格的消耗步数，当所述第二栅格的消耗步数大于所述当前栅格的消耗步数，且所述当前栅格还存在其他第二栅格时，更新所述第二栅格为所述其他第二栅格，并循环执行步骤
D
至步骤
E
，直至所述当前栅格不存在所述其他第二栅格，更新目标第二栅格为所述起点，并循环执行步骤
B
至步骤
E
，直至所述起点为所述目标栅格位置；当所述第二栅格的消耗步数小于或等于所述当前栅格的消耗步数时，更新所述第二栅格为所述起点，并循环执行步骤
B
至步骤
E
，直至所述起点为所述目
标栅格位置；步骤
F、
根据所述第一栅格列表中的所述第一栅格的父节点和...

【专利技术属性】
技术研发人员：黄华林，殷限，王绍杰，岳永强，
申请(专利权)人：中国移动通信集团有限公司，
类型：发明
国别省市：