[发明专利]React项目配置化生成路由的方法、控制装置及存储介质在审
申请号: | 202310520393.8 | 申请日: | 2023-05-10 |
公开(公告)号: | CN116540994A | 公开(公告)日: | 2023-08-04 |
发明(设计)人: | 王淑彬 | 申请(专利权)人: | 北京结慧科技有限公司 |
主分类号: | G06F8/34 | 分类号: | G06F8/34;G06F8/38 |
代理公司: | 北京瀚仁知识产权代理事务所(普通合伙) 11482 | 代理人: | 陈敏 |
地址: | 100041 北京市石景山区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | react 项目 配置 化生 路由 方法 控制 装置 存储 介质 | ||
1.一种React项目配置化生成路由的方法,其特征在于,包括:
获取React项目中具有第一配置组件的页面文件,其中所述第一配置组件作为路由扫描标识;
抓取所述具有第一配置组件的页面文件中的配置信息;
根据所述配置信息生成对应的路由配置。
2.根据权利要求1所述的React项目配置化生成路由的方法,其特征在于,
所述配置信息包括页面文件路由路径和/或组件文件路径,其中组件文件路径为页面组件在项目中的路径。
3.根据权利要求1所述的React项目配置化生成路由的方法,其特征在于,所述根据所述配置信息生成对应的路由配置,包括:
将所述配置信息存储在内存中;
基于所述配置信息生成对应的路由配置;或
将所述配置信息存储在配置文件中;
基于所述配置文件生成对应的路由配置。
4.根据权利要求1-3中任意一项所述的React项目配置化生成路由的方法,其特征在于,所述方法还包括:
根据所述路由配置,启动所述React项目。
5.根据权利要求1-3中任意一项所述的React项目配置化生成路由的方法,其特征在于,所述方法还包括:
在React项目的webpack的配置文件中添加loader组件,其中所述loader组件指定待处理的文件类型并配置@ra-lib/config-loader库;
在React项目中创建第一配置文件,所述第一配置文件用于创建所述第一配置组件;
在React项目的页面文件中选择性使用所述第一配置组件;
在React项目中创建路由组件,所述路由组件用于根据配置信息设置所述React项目中各页面间的导航关系。
6.根据权利要求5所述的React项目配置化生成路由的方法,其特征在于,所述获取React项目中具有第一配置组件的页面文件,包括:
通过所述@ra-lib/config-loader库遍历React项目中的所有页面文件;
判断所遍历的页面文件中是否具有第一配置组件。
7.根据权利要求6所述的React项目配置化生成路由的方法,其特征在于,
所述抓取所述具有第一配置组件的页面文件中的配置信息,包括:
对于具有第一配置组件的页面文件,使用所述loader组件从对应的页面文件中抓取页面文件路由路径和组件文件路径。
8.根据权利要求1或7所述的React项目配置化生成路由的方法,其特征在于,所述React项目的创建和初始化包括:
安装@ra-lib/config-loader库、react-router以及react-router-dom库的软件包;
初始化React项目;
进入React项目目录并暴露项目配置文件。
9.一种控制装置,包括处理器和存储装置,所述存储装置适于存储多条程序代码,其特征在于,所述程序代码适于由所述处理器加载并运行以执行权利要求1至8中任一项所述的React项目配置化生成路由的方法。
10.一种计算机可读存储介质,其中存储有多条程序代码,其特征在于,所述程序代码适于由处理器加载并运行以执行权利要求1至8中任一项所述的React项目配置化生成路由的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京结慧科技有限公司,未经北京结慧科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202310520393.8/1.html,转载请声明来源钻瓜专利网。
- 上一篇:无人机带电测量及远程数字验收电网设备的装置
- 下一篇:一种大数据存储管理系统