# 简介

> Octopus Pro是面向2345中后台管理系统的前端解决方案，在建立通用UI界面的基础上，进一步提炼典型业务模型、解决方案，这将是个持续迭代的项目，逐步沉淀出更多产品模板/组件/业务场景的最佳实践。

## 目标
1. 调用通用UI业务组件，减少重复工作，预计中后台需求的前端开发周期约节省3-4人/日
2. 集成常见后台解决方案，5分钟内一键生成项目，免去项目搭建过程，预计中后台需求的前端开发周期约节省1-2人/日
3. 统一项目开发方案、架构设计，提高项目成员对架构的熟悉程度以及开发效率，预计提升开发效率约30%

## 主要内容
1. 依托于Element-UI，整合常用业务场景，实现通用的UI业务组件，简化使用方法，开箱即用。
2. 集成解决方案，主要包括mock服务、权限管理、状态管理、请求模块、错误处理等，同时也可以作为单独的模块被其他项目引用。
3. 项目脚手架，依赖Vue-Cli-Plugin，能够根据选择的配置实现一键生成项目。另外还会借鉴Antd-Pro的区块概念，实现按需引用。

## 主要依赖介绍
1. Element-UI是饿了么大前端团队为开发者、设计师和产品经理准备的的桌面端组件库，适用于大部分业务场景，目前我司前后端分离的中后台系统（比如中台和商业化部分系统）均是基于此组件库开发。
2. Express是Web服务框架（基于NodeJS），可快速搭建本地服务，实现诸如Mock、Proxy、中间件服务等功能。
3. Vue框架是用于开发用户界面的轻量级前端框架，采用数据驱动模式，使用起来简单、高效。我司前后端分离的项目均采用此框架开发。
4. Vue-Cli3脚手架是Vue官方出品的脚手架工具，用于一键生成项目，当前Pro解决方案中的脚手架功能是利用其插件系统来进行构造。

## 补充说明
1. UI组件部分提供内置主题以供选择，用户也可根据实际需要自行定义符合Element-UI规则的主题
2. 权限管理等模块的解决方案需要服务端同时支持，本项目亦会提供一套默认数据结构以供参考