[发明专利]基于组件化的前端页面搭建方法、装置、设备及存储介质有效
申请号: | 202110691854.9 | 申请日: | 2021-06-22 |
公开(公告)号: | CN113419729B | 公开(公告)日: | 2023-10-20 |
发明(设计)人: | 王世杰 | 申请(专利权)人: | 康键信息技术(深圳)有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F9/445 |
代理公司: | 北京市京大律师事务所 11321 | 代理人: | 姚维 |
地址: | 518052 广东省深圳市前海深港合作区前*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 组件 前端 页面 搭建 方法 装置 设备 存储 介质 | ||
1.一种基于组件化的前端页面搭建方法,其特征在于,所述基于组件化的前端页面搭建方法包括:
接收终端发送的页面搭建请求并对所述页面搭建请求进行解析,得到对应的组件描述规则;
根据所述组件描述规则构建用于页面搭建的多个候选组件;
基于所述多个候选组件创建对应的组件描述文件集,并将所述组件描述文件集发送至预置数据库;
接收终端发送的组件获取指令,根据所述组件获取指令从所述预置数据库的所述组件描述文件集中下载对应的目标组件描述文件;
根据所述目标组件描述文件确定对应的多个目标组件,并将所述多个目标组件注册至预置初始页面的组件管理器;
从所述组件管理器中调用所述多个目标组件进行页面搭建,并根据所述初始页面的框架类型确定对应的渲染函数,采用所述渲染函数对所述多个目标组件进行渲染,得到目标页面。
2.根据权利要求1所述的基于组件化的前端页面搭建方法,其特征在于,在所述接收终端发送的页面搭建请求并对所述页面搭建请求进行解析,得到对应的组件描述规则之后,在所述根据所述组件描述规则构建用于页面搭建的多个候选组件之前,还包括:
对所述页面搭建请求进行信息扫描,得到待获取的目标静态资源文件;
利用所述目标静态资源文件进行运行环境搭建,并生成对应的初始页面。
3.根据权利要求1所述的基于组件化的前端页面搭建方法,其特征在于,所述根据所述组件描述规则构建用于页面搭建的多个候选组件包括:
读取所述组件描述规则,得到结构描述规则、样式描述规则及数据描述规则;
根据所述结构描述规则,生成对应的第一JSON格式文件,所述第一JSON格式文件用于定义组件的属性及类型;
根据所述样式描述规则,生成对应的第二JSON格式文件,所述第二JSON格式文件用于定义组件的尺寸及形状;
根据所述数据描述规则,生成对应的组件基类文件,所述组件基类文件用于实现组件内部逻辑;
将所述第一JSON格式文件、第二JSON格式文件及所述组件基类文件拼接为整合文件,并根据所述整合文件生成所述多个候选组件。
4.根据权利要求1所述的基于组件化的前端页面搭建方法,其特征在于,所述基于所述多个候选组件创建对应的组件描述文件集,并将所述组件描述文件集发送至预置数据库包括:
读取所述多个候选组件,获取所述多个候选组件的组件信息及组件操作类型信息;
基于预设的自动化脚本,将所述组件信息及所述组件操作类型信息添加至预置描述文件,生成多个候选组件描述文件;
将所述多个候选组件描述文件合并为组件描述文件集,并将所述组件描述文件集传输至预置数据库中。
5.根据权利要求1所述的基于组件化的前端页面搭建方法,其特征在于,所述接收终端发送的组件获取指令,根据所述组件获取指令从所述预置数据库的所述组件描述文件集中下载对应的目标组件描述文件包括:
读取所述组件获取指令的专题需求,得到对应的目标文件标识;
基于所述目标文件标识确定与所述专题需求对应的目标组件描述文件的URL地址标签;
基于所述URL地址标签从所述预置数据库的所述组件描述文件集中下载所述目标组件描述文件。
6.根据权利要求1所述的基于组件化的前端页面搭建方法,其特征在于,所述根据所述目标组件描述文件确定对应的多个目标组件,并将所述多个目标组件注册至预置初始页面的组件管理器包括:
读取所述目标组件描述文件,得到对应的目标组件信息及目标组件操作类型信息;
基于所述目标组件信息及所述目标组件操作类型信息,确定对应的多个目标组件;
调用初始页面的预置接口对所述多个目标组件进行注册,并将所述多个目标组件导入所述预置初始页面的组件管理器中。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于康键信息技术(深圳)有限公司,未经康键信息技术(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110691854.9/1.html,转载请声明来源钻瓜专利网。