移动端开发框架构建方法及移动端开发框架技术

技术编号:32212863 阅读:62 留言:0更新日期:2022-02-09 17:18
本发明专利技术公开了移动端开发框架构建方法及移动端开发框架,属于APP开发技术领域,要解决的技术问题为如何便捷快速的开发一个中小型APP。包括如下步骤:构建Cordova工程,在Cordova工程的前端页面中构建一个新的React工程;对于React工程,安装基础插件及UI组件通用插件;定义服务组件;重新定义路由组件,将路由配置信息保存至Cordova配置文件,并与菜单管理进行融合;重写Http请求模块;定义本地数据库存储,用于根据不同的业务需求存储不同的业务数据,并用于对表进行创建、修改和删除操作;定义角色权限功能模块;定义功能模块配置,用于依据不同的业务背景配置不同的功能信息。用于依据不同的业务背景配置不同的功能信息。用于依据不同的业务背景配置不同的功能信息。

【技术实现步骤摘要】
移动端开发框架构建方法及移动端开发框架


[0001]本专利技术涉及APP开发
,具体地说是移动端开发框架构建方法及移动端开发框架。

技术介绍

[0002]移动设备中App的开发,尤其是小型功能性App开发,开发页面逻辑部分使用原生语言存在开发速度慢,用户体验不好,开发功能模块难复用等问题,将此部分内容的开发转移至前台使用HTML5相关技术去实现已是最近十分流行的开发模式,但是传统的JS对于多页面的状态控制,跳转路由控制,单一页面数据控制相对薄弱,开发速度也不尽人意。
[0003]基于上述,如何便捷快速的开发一个中小型APP,是需要解决的技术问题。

技术实现思路

[0004]本专利技术的技术任务是针对以上不足,提供移动端开发框架构建方法及移动端开发框架,来解决如何便捷快速的开发一个中小型APP的技术问题。
[0005]第一方面,本专利技术的移动端开发框架构建方法,包括如下步骤:
[0006]构建Cordova工程,在Cordova工程的前端页面中构建一个新的React工程,基于Cordova配置文件进本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.移动端开发框架构建方法,其特征在于包括如下步骤:构建Cordova工程,在Cordova工程的前端页面中构建一个新的React工程,基于Cordova配置文件进行基础环境配置;对于React工程,安装基础插件及UI组件通用插件,并对基础插件及UI组件通用插件进行二次封装,所述基础插件包括路由和Redux;定义服务组件,所述服务组件用于进行系统管理,包括进行权限控制、用户管理、角色管理、菜单管理、本地数据管理、以及框架整体配置,并用于将系统管理区分后将状态信息存储至React工程;重新定义路由组件,将路由配置信息保存至Cordova配置文件,并与菜单管理进行融合;重写Http请求模块,所述Http请求模块继承自axios,支持Token校验及Sign签名验证、支持统一的报文格式重写、并支持业务逻辑报文扩展;定义本地数据库存储,所述本地数据库具有增加、删除、修改和查找功能,用于根据不同的业务需求存储不同的业务数据,并用于对表进行创建、修改和删操作,。所述本地数据库在Cordova实现底层控制,用以操作设备中的SQlite库;定义角色权限功能模块,所述角色权限功能模块用于支持用户基于不同的业务背景配置不同的权限角色信息,并用于在用户配置权限角色后,在角色权限功能模块的配置文件中与对应的角色权限信息集成;定义功能模块配置,所述功能模块用于依据不同的业务背景配置不同的功能信息,用户登陆后依据不同的权限信息展示其对应的功能列表。2.根据权利要求1所述的移动端开发框架构建方法,其特征在于所述系统管理还包括日志管理;所述方法还包括:定义日志组件,在记录操作过程中通过调用所述日志组件进行记录。3.根据权利要求1所述的移动端开发框架构建方法,其特征在于所述系统管理还包括密码管理;所述方法还包括:定义加密模块的配置,所述加密模块用于本地存储服务公钥信息和客户端自身的私钥信息,并用于支持用户对加密过程进行配置。4.根据权利要求1

3任一项所述的移动端开发框架构建方法,其特征在于基于Cordova配置文件进行基础环境配置,包括:在Cordova配置文件中定义框架基础配置和白名单;对Cordova进行平台依赖安装;重新配置React工程的打包目录至Cordova平台中的页面模块目录。5.根据权利要求1

3任一项所述的移动端开发框架构建方法,其特征在于所述日志组件用于实现localstorage和Sqlite两种形式的日志记录;所述localStroage用于存储用户操作日志,所述Sqlite用于记录业务操作日志。6.根据权利要求1...

【专利技术属性】
技术研发人员:刘晓徐兵兵黄海
申请(专利权)人:浪潮软件科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1