§ 快速入门
§ 总述
Fox开发框架由Fox前端开发框架、Fox后台单体服务、Fox后台微服务框架、集成开发环境及windows、ios、android平台外壳底座等五部分组成
§ 前端框架
Fox前端开发框架基于Vue2.0开发，全面兼容Vue3.0，内置Fox-router、微前端、全局存储、校验器等功能模块，提供了丰富的组件支持。
§ Fox-router
Fox Router提供了页面局部刷新的能力，可以动态的把vue component嵌入指定的router view范围内进行渲染，是SPA应用的基础。通过Fox Router + Vue的组合，能够快速构建SPA(单页面)应用。
§ 微前端
将一个巨无霸（Monolith）的前端工程拆分成一个一个的小工程 。 其原理就是通过监听URL的变化，并通过匹配规则加载不同的子系统。
§ 全局存储Bus
Fox框架提供了一个全局的数据存储，分别提供数据存储、数据获取、数据修改和数据删除的接口。
§ 校验器
Fox框架内置了表单校验器功能，用户可以根据需求添加验证规则。平台也提供了自定义校验器的扩展机制。
§ 消息机制
不同页面之间可以通过fox_send()方法发送消息，通过onMessage()方法接收消息。
§ 控制流程
Fox流程控制，目的是为了规范操作流程，并通过切面加入公共的处理逻辑，减少代码的开发量。流程主要涉及页面生命周期和提交过程。
- 生命周期
- 提交过程
§ 组件
Fox前端框架提供了轻量、可靠的UI组件库 ，包含移动端、pad端及PC端组件。
§ 后台微服务框架
Fox后台微服务框架基于SpringCloud开发，包含网关、注册中心、配置中心、OCA、UAA等组件模块
§ 后台单体服务框架
单体服务(fox server)，新建服务接口总共分为2步：(1) 编写服务逻辑、(2) 配置服务接口文件
§ 集成开发环境
前后端均提供IDE
§ Fox-IDE
基于VSCode开发，支持Windows、Mac操作系统， 内置了对JavaScript，TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持 ，功能强大。并提供了丰富的插件生态系统及开发向导支持。
§ 后端IDE
§ 外壳底座
外壳中提供了windows、ios、android平台外壳底座，支持开发者自定义Native-Plugin扩展功能开发。
§ 外壳容器架构
§ 外壳功能及组件
提供丰富的组件库以API方式提供给开发者快速搭建自己的应用, 自由组合，按需添加。提供 100余种类型的原生控件，移动设备底层能力为前端彻底释放。
| 组件类型 | 组件功能 |
|---|---|
| 系统设备组件 | 拍照、相册、录音、录像、签名工具、获取IP地址 |
| 通讯组件 | 网络请求、文件上传、断点下载、行为采集、故障上报 |
| 应用组件 | OCR、人脸识别、活体检测、扫一扫、消息推送、社交分享、地图相关 |
§ 业务解决方案
基于Fox开发框架，我们推出了一系列业务解决方案
- 统一门户
- 移动统一门户
- 柜面系统
- 渠道中台
- 智能排队系统
- 超级柜台系统
- 监控平台
- 统一支付
- 移动信贷、移动展业、移动营销
- 信创改造