[发明专利]多组件的前端界面布局方法、装置、电子设备和存储介质有效
申请号: | 202110158384.X | 申请日: | 2021-02-05 |
公开(公告)号: | CN112711418B | 公开(公告)日: | 2022-02-18 |
发明(设计)人: | 徐长华 | 申请(专利权)人: | 北京宇信科技集团股份有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/41 |
代理公司: | 北京卓岚智财知识产权代理事务所(特殊普通合伙) 11624 | 代理人: | 沈煜华 |
地址: | 100044 北京市海淀区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 组件 前端 界面 布局 方法 装置 电子设备 存储 介质 | ||
1.一种多组件的前端界面布局方法,其特征在于,所述方法包括:
接收界面布局请求,所述界面布局请求包括请求布局的多个组件以及各组件的组件布局信息;
根据所述各组件的组件布局信息确定所述多个组件中的父组件以及子组件,其包括:根据所述各组件的组件布局信息,确定待布局界面的布局层级和与所述各组件的组件布局信息对应的组件配置顺序;在预设的组件配置数据库中确定与组件配置顺序对应的各组件的组件配置信息,根据各组件的组件配置信息确定需要进行配置的所述各组件的优先级;根据所述各组件的优先级确定所述多个组件中的父组件以及子组件;
基于所述父组件的组件布局信息生成初始布局界面和与所述初始布局界面对应的初始界面标识,其包括:根据所述父组件的组件布局信息,从预设的组件配置数据库中确定所述父组件的组件配置信息和所述父组件的组件标识;根据所述父组件的组件配置信息生成初始布局界面;基于所述父组件的组件标识生成与所述初始布局界面对应的初始界面标识;
根据所述初始界面标识生成所述子组件的组件标识,基于所述子组件的组件标识和所述子组件的组件布局信息在所述初始布局界面上的基础上生成最终的布局界面。
2.根据权利要求1所述的方法,其特征在于,所述根据所述各组件的组件布局信息,确定待布局界面的布局层级,包括:
根据所述各组件的组件布局信息中的组件的布局位置、布局大小和布局方式确定待布局界面的布局层级。
3.根据权利要求1所述的方法,其特征在于,所述根据所述初始界面标识生成所述子组件的组件标识,基于所述子组件的组件标识和所述子组件的组件布局信息在所述初始布局界面上的基础上生成最终的布局界面,包括:
根据所述子组件的组件布局信息,从所述预设的组件配置数据库中获取所述子组件的组件配置信息;
根据所述初始界面标识和所述子组件的组件配置信息生成所述子组件的组件标识;
基于所述子组件的组件标识和所述子组件的组件配置信息在所述初始布局界面上的基础上生成最终的布局界面。
4.根据权利要求1所述的方法,其特征在于,所述基于所述子组件的组件标识和所述子组件的组件布局信息在所述初始布局界面上的基础上生成最终的布局界面,包括:
基于预设的组件配置数据库,确定所述父组件的组件配置信息和所述子组件的组件配置信息;
根据所述父组件的组件配置信息和所述子组件的组件配置信息在所述初始布局界面上进行渲染,得到最终的布局界面。
5.一种界面布局装置,其特征在于,所述装置包括:
请求接收模块,用于接收界面布局请求,所述界面布局请求包括请求布局的多个组件以及各组件的组件布局信息;
组件确定模块,用于根据所述各组件的组件布局信息确定所述多个组件中的父组件以及子组件,其包括:根据所述各组件的组件布局信息,确定待布局界面的布局层级和与所述各组件的组件布局信息对应的组件配置顺序;在预设的组件配置数据库中确定与组件配置顺序对应的各组件的组件配置信息,根据各组件的组件配置信息确定需要进行配置的所述各组件的优先级;根据所述各组件的优先级确定所述多个组件中的父组件以及子组件;
第一生成模块,用于基于所述父组件的组件布局信息生成初始布局界面和与所述初始布局界面对应的初始界面标识,其包括:根据所述父组件的组件布局信息,从预设的组件配置数据库中确定所述父组件的组件配置信息和所述父组件的组件标识;根据所述父组件的组件配置信息生成初始布局界面;基于所述父组件的组件标识生成与所述初始布局界面对应的初始界面标识;
第二生成模块,用于根据所述初始界面标识生成所述子组件的组件标识,基于所述子组件的组件标识和所述子组件的组件布局信息在所述初始布局界面上的基础上生成最终的布局界面。
6.根据权利要求5所述的装置,其特征在于,所述组件确定模块,具体用于根据所述各组件的组件布局信息中的组件的布局位置、布局大小和布局方式确定待布局界面的布局层级。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京宇信科技集团股份有限公司,未经北京宇信科技集团股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110158384.X/1.html,转载请声明来源钻瓜专利网。