# mba-online

**Repository Path**: mazsss/mba-online

## Basic Information

- **Project Name**: mba-online
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-11
- **Last Updated**: 2022-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[TOC]

| 内容 | 修订人 | 日期 |
| ------------ | ------------ | ------------ |
| 新文档 | 麦振升 | 2021.5.11 |

# 简易架构图
- ![输入图片说明](https://mz-doc.oss-cn-hangzhou.aliyuncs.com/showdoc_162072719917907128.png "在这里输入图片标题")

# 端划分

### client：客户端

#### 启动
- 本地环境
```
// 安装依赖
yarn install
// 开启本地服务
npm run start
```
	- 访问: 
		- 管理后台：http://localhost:7070/admin/welcome
		- 前台：http://localhost:7070/fe/home

- 生产环境编译
```
npm run build
```

#### 目录划分
+ config 工程化配置
	+ routes.js 路由配置入口
	+ routes 【通过路由文件划分区分不同的端】
		+ admin.js 管理端
		+ frontend.js 前台
	+ config.dev.js umi配置（测试环境）
	+ config.js umi配置
	+ defaultSettings.js antpro的默认配置
	+ proxy.js 前端本地代理服务配置
+ mock 接口mock服务
+ public 前端静态资源目录（不会编译），可通过根路径加上具体资源路径访问，用于存放静态的html、js、css、图片资源
+ src 源码路径
	+ assets 静态资源目录(会被编译)
	+ components 公共组件
	+ layouts 页面布局容器组件
	+ pages 页面总目录【通过目录划分区分不同的端，各端共用一套项目基础框架，各自实现UI】
		+ fe 前台页面
		+ admin 管理后台页面
	+ models 数据流
	+ utils 工具目录
		+ apiPath.js 接口url配置
		+ request.js 公共请求
		+ authority.js 前端鉴权函数
		+ utils.js 工具函数
		+ utils.less 公共less的mixins函数
	+ global.jsx 程序入口
	+ global.less 全局样式
+ .env 环境变量配置文件
+ package.json npm项目配置文件

#### 技术构成
- react
- umi
	- 处理路由、工程化、数据流、网络请求
- antd pro
	- 用到proform、prolayout、protable等组件
	- 主要用在管理后台场景，功能具有普遍性，可以用封装层次较高的组件
- antd
	- 提供基础UI组件
	- 管理后台、前台都会用到，前端主要会使用弹窗、消息框等组件
- 工具库
	- lodash、moment、vconsole

### server：服务端

#### 启动

- 本地环境
```
gowatch
```
	- 访问：
		- 管理后台：http://localhost:7071/api/admin
		- 前台：http://localhost:7071/api/fe
		- demo：http://localhost:7071/api/demo
		
#### 目录划分
+ conf 项目配置
+ setting 项目配置读取
+ controller 控制层
+ service 服务层
+ middleware 中间件
	+ jwt处理
	+ error捕获处理
+ dao 数据访问层
	+ mysql.go 
	+ redis.go
+ models 数据模型定义
+ crons 定时任务
+ docs swagger自动生成的文档
+ logs gin日志
+ routers 路由
+ utils 工具目录
+ go.mod
+ go.sum
+ main.go 程序入口

#### 技术构成
- 项目依赖使用gomod管理。
- 热编译使用gowatch。
- web库：gin
	- 主要处理web路由、中间件等逻辑
- orm库：gorm
	- 处理mysql的模型映射关系；CURD操作；
- 缓存：redis
	- 处理数据缓存；也可实现简易的队列（未实现）；
- 接口文档：swag
- 定时任务：cron
	- 使用官方cron包
	
# 技术预研
- 请阅：http://doc.maizs.top/web/#/p/d456b90a459e447b88f3f089dbed9b41