基于组件化的前端页面搭建方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113419729A(43)申请公布日2021.09.21(21)申请号202110691854.9(22)申请日2021.06.22(71)申请人康键信息技术（深圳）有限公司地址518052广东省深圳市前海深港合作区前湾一路1号A栋201室（入驻深圳市前海商务秘书有限公司）(72)发明人王世杰(74)专利代理机构北京市京大律师事务所11321代理人姚维(51)Int.Cl.G06F8/38(2018.01)G06F9/445(2018.01)权利要求书3页说明书10页附图4页(54)发明名称基于组件化的前端页面搭建方法、装置、设备及存储介质(57)摘要本发明涉及研发管理领域，公开了一种基于组件化的前端页面搭建方法、装置、设备及存储介质，用于解决目前在不同框架中组件无法迁移使用的问题。所述方法包括：接收终端发送的页面搭建请求并对页面搭建请求进行解析，得到组件描述规则；根据组件描述规则构建多个候选组件；基于各候选组件创建组件描述文件集并将组件描述文件集发送至数据库；接收终端发送的组件获取指令并根据组件获取指令从组件描述文件集中下载目标组件描述文件；根据目标组件描述文件确定多个目标组件并将各目标组件注册至组件管理器；从组件管理器中调用各目标组件进行页面搭建并根据初始页面的框架类型确定渲染函数，采用渲染函数对各目标组件进行渲染，得到目标页面。CN113419729ACN113419729A权利要求书1/3页1.一种基于组件化的前端页面搭建方法，其特征在于，所述基于组件化的前端页面搭建方法包括：接收终端发送的页面搭建请求并对所述页面搭建请求进行解析，得到对应的组件描述规则；根据所述组件描述规则构建用于页面搭建的多个候选组件；基于所述多个候选组件创建对应的组件描述文件集，并将所述组件描述文件集发送至预置数据库；接收终端发送的组件获取指令，根据所述组件获取指令从所述预置数据库的所述组件描述文件集中下载对应的目标组件描述文件；根据所述目标组件描述文件确定对应的多个目标组件，并将所述多个目标组件注册至预置初始页面的组件管理器；从所述组件管理器中调用所述多个目标组件进行页面搭建，并根据所述初始页面的框架类型确定对应的渲染函数，采用所述渲染函数对所述多个目标组件进行渲染，得到目标页面。2.根据权利要求1所述的基于组件化的前端页面搭建方法，其特征在于，在所述接收终端发送的页面搭建请求并对所述页面搭建请求进行解析，得到对应的组件描述规则之后，在所述根据所述组件描述规则构建用于页面搭建的多个候选组件之前，还包括：对所述页面搭建请求进行信息扫描，得到待获取的目标静态资源文件；利用所述目标静态资源文件进行运行环境搭建，并生成对应的初始页面。3.根据权利要求1所述的基于组件化的前端页面搭建方法，其特征在于，所述根据所述组件描述规则构建用于页面搭建的多个候选组件包括：读取所述组件描述规则，得到结构描述规则、样式描述规则及数据描述规则；根据所述结构描述规则，生成对应的第一JSON格式文件，所述第一JSON格式文件用于定义组件的属性及类型；根据所述样式描述规则，生成对应的第二JSON格式文件，所述第二JSON格式文件用于定义组件的尺寸及形状；根据所述数据描述规则，生成对应的组件基类文件，所述组件基类文件用于实现组件内部逻辑；将所述第一JSON格式文件、第二JSON格式文件及所述组件基类文件拼接为整合文件，并根据所述整合文件生成所述多个候选组件。4.根据权利要求1所述的基于组件化的前端页面搭建方法，其特征在于，所述基于所述多个候选组件创建对应的组件描述文件集，并将所述组件描述文件集发送至预置数据库包括：读取所述多个候选组件，获取所述多个候选组件的组件信息及组件操作类型信息；基于预设的自动化脚本，将所述组件信息及所述组件操作类型信息添加至预置描述文件，生成多个候选组件描述文件；将所述多个候选组件描述文件合并为组件描述文件集，并将所述组件描述文件集传输至预置数据库中。5.根据权利要求1所述的基于组件化的前端页面搭建方法，其特征在于，所述接收终端2CN113419729A权利要求书2/3页发送的组件获取指令，根据所述组件获取指令从所述预置数据库的所述组件描述文件集中下载对应的目标组件描述文件包括：读取所述组件获取指令的专题需求，得到对应的目标文件标识；基于所述目标文件标识确定与所述专题需求对应的目标组件描述文件的URL地址标签；基于所述URL地址标签从所述预置数据库的所述组件描述文件集中下载所述目标组件描述文件。6.根据权利要求1所述的基于组件化的前端页面搭建方法，其特征在于，所述根据所述目标组件描述文件确定对应的多个目标组件，并将所述多个目标组件注册至预置初始页面的组件管理器包括：读取所述目标