← 返回列表
一种React框架中实现多环境代码复用方法
摘要文本
本发明公开了一种React框架中实现多环境代码复用方法，包括定义并存储前端项目的环境标识；定义注释语法，采用注释语法编写前端文件的JS代码，JS代码包含嵌套代码块；根据JS代码判断前端文件是否需要静态编译，若需要静态编译则以换行符为分割符将前端文件的字符串转换为数组；对数组进行迭代，识别出嵌套代码块，生成并存储嵌套代码块的块信息；遍历块信息，根据环境标识编译嵌套代码块；编写React类组件，基于环境标识导出不同React子类组件。本发明适应多环境的代码开发和维护，抽离出通用的业务逻辑，只维护各个使用环境个性化的逻辑或者UI交互即可。 马 克 数 据 网
申请人信息
- 申请人:云筑信息科技(成都)有限公司
- 申请人地址:610095 四川省成都市高新区天府二街151号1栋1单元36层
- 发明人: 云筑信息科技(成都)有限公司
专利详细信息
| 项目 | 内容 |
|---|---|
| 专利名称 | 一种React框架中实现多环境代码复用方法 |
| 专利类型 | 发明申请 |
| 申请号 | CN202410028724.0 |
| 申请日 | 2024/1/9 |
| 公告号 | CN117555535A |
| 公开日 | 2024/2/13 |
| IPC主分类号 | G06F8/36 |
| 权利人 | 云筑信息科技(成都)有限公司 |
| 发明人 | 马海; 杜颍萱; 游凯 |
| 地址 | 四川省成都市高新区天府二街151号1栋1单元36层 |
专利主权项内容
1.一种React框架中实现多环境代码复用方法，其特征在于，包括以下步骤：步骤1、定义并存储前端项目的环境标识；步骤2、定义注释语法，采用注释语法编写前端文件的JS代码，JS代码包含嵌套代码块；步骤3、根据JS代码判断前端文件是否需要静态编译，若需要静态编译则以换行符为分割符将前端文件的字符串转换为数组，若不需要静态编译则直接返回空信息；步骤4、对数组进行迭代，识别出嵌套代码块，生成并存储嵌套代码块的块信息；步骤5、遍历块信息，根据环境标识编译嵌套代码块；步骤6、编写React类组件，在父类组件中构建通用的逻辑代码，根据编译的嵌套代码块导出不同的子类组件。