[发明专利]一种通用组件库开发的方法、装置、产品及存储介质在审
申请号: | 202111522792.5 | 申请日: | 2021-12-13 |
公开(公告)号: | CN114185530A | 公开(公告)日: | 2022-03-15 |
发明(设计)人: | 汪涛 | 申请(专利权)人: | 中国建设银行股份有限公司 |
主分类号: | G06F8/34 | 分类号: | G06F8/34;G06F8/36 |
代理公司: | 北京同达信恒知识产权代理有限公司 11291 | 代理人: | 黄丽 |
地址: | 100033 *** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 通用 组件 开发 方法 装置 产品 存储 介质 | ||
1.一种通用组件库开发的方法,其特征在于,包括:
创建基于指定大屏业务风格的组件库模板,及创建所述组件库中已有参数的命名空间解析引擎;其中,所述命名空间解析引擎用于将传入组件的实际参数解析为能被对应组件正确识别的实际参数值,并赋值给对应组件;
构建基于所述组件库模板创建的组件的打包体系;
基于所述打包体系将完成开发的组件打包为组件包,并存入指定位置,以对外提供引用。
2.如权利要求1所述的方法,其特征在于,创建所述组件库中已有参数的命名空间解析引擎,包括:
定义所述组件库的入参范围,并创建所述组件库中已有参数的key-value映射关系;
定义所述命名空间解析引擎的执行时机及工作过程,获得所述命名空间解析引擎;其中,所述执行时机为组件接收到所述实际参数时。
3.如权利要求2所述的方法,其特征在于,所述命名空间解析引擎的工作过程,包括:
在确定所述实际参数在所述入参范围内后,从所有的已有参数的key-value映射关系中,确定所述实际参数对应的key-value映射关系;
根据所述实际参数对应的key-value映射关系,将所述实际参数转换为所述实际参数值;
将所述是指参数值赋值给与接收所述实际参数的组件。
4.如权利要求3所述的方法,其特征在于,从所有的已有参数的key-value映射关系中,确定所述实际参数对应的key-value映射关系,包括:
对所述实际参数进行正则匹配,获得所述实际参数中的固定部分和变动部分;
将所有的已有参数的key-value映射关系中,与所述固定部分匹配成功的key-value映射关系确定为所述实际参数对应的key-value映射关系。
5.如权利要求4所述的方法,其特征在于,根据所述实际参数对应的key-value映射关系,将所述实际参数转换为所述实际参数值,包括:
通过正则匹配,将所述变动部分替换为所述实际参数对应的key-value映射关系中的value值,获得所述实际参数值。
6.如权利要求1-5任一项所述的方法,其特征在于,所述组件库还包括公用的钩子函数。
7.如权利要求1-5任一项所述的方法,其特征在于,创建基于指定大屏业务风格的组件库模板之前,还包括:
定义组件的开发规则、输出规则,并统一组件的输入和输出。
8.如权利要求1-5任一项所述的方法,其特征在于,基于所述打包体系将完成开发的组件打包为组件包,包括:
通过nodejs读取所述完成开发的组件的组件文件,并读取对应的配置文件;
生成所述完成组件开发的组件的组件入口;
将所述配置文件传入webpack.config.js,并用所述打包体系对应的webpack,将所述组件文件打包为基于指定规范的组件包。
9.如权利要求8所述的方法,其特征在于,所述指定规范,包括:
脚本模块化规范。
10.如权利要求8所述的方法,其特征在于,存入指定位置,包括:
将所述组件包输出到配置路径;其中,所述指定位置为所述配置路径;
生成所述组件包的组件引用索引文件;
删除所述组件包的过程文件。
11.一种通用组件库开发的装置,其特征在于,包括:
创建单元,用于创建基于指定大屏业务风格的组件库模板,及创建所述组件库中已有参数的命名空间解析引擎;其中,所述命名空间解析引擎用于将传入组件的实际参数解析为能被对应组件正确识别的实际参数值,并赋值给对应组件;
构建单元,用于构建基于所述组件库模板创建的组件的打包体系;
打包单元,用于基于所述打包体系将完成开发的组件打包为组件包,并存入指定位置,以对外提供引用。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国建设银行股份有限公司,未经中国建设银行股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111522792.5/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种虹膜拉钩组合装置
- 下一篇:一种逍遥丸UPLC指纹图谱的构建方法及其应用