# epd_admin

**Repository Path**: satan31415/epd_admin

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 交接文档

### 前端系统环境
- node 14.12.0
- npm 6.14.8
- yarn 1.22.5 (推荐使用 yarn install 来安装包, npm 不翻墙情况可能包下不全)

### 项目运行步骤
1. 进入项目根目录 运行 yarn install(推荐) 或者 npm install
2. yarn start (本地会起一个服务 127.0.0.1:3000)
3. 打包命令 yarn run build (打包生成文件在根路径 dist 文件夹)

### 项目主要技术栈(以下都是核心包, 大版本升级可能出问题)
- react 16.13.1 (核心包, 项目用到 typescript 对语法要求比较严格, 整个项目数据类型我都用 any)
- umi 3.1.1 (底层架构, 构建工具)
- dva (包含在 umi 里面, 用来替代 redux)
- antd 4.7.2 (前端 ui 框架)
- @umijs/hooks 1.9.0 (react hooks 工具类)
- bizcharts 3.5.8 (图标库)
- lodash 4.17.15 (前端工具类)
- umi-request 1.2.19 (请求框架, 由 umi 基于 fetch 的封装)

### 项目目录结构
.         
├── README.md
├── config
   ├── admin.config.tsx (项目一些全局的东西, 项目名称, 项目 logo)
   ├── menuData.ts (以前的侧边栏数据, 现在废弃了, 改用后台返回的侧边栏数据)
   ├── router.config.ts (路由文件)
   └── theme.config.ts (皮肤, 主题色配置, 更多要去 antd 官网找)
├── mock
   └── mock.js (前期 mock 文件, 没用了)
├── package-lock.json (npm install 锁版本文件, 不能删除, 删除可能导致 npm 下包版本出现问题导致运行报错)
├── package.json (项目依赖包管理, 不能删除, 删除整个项目废了)
├── public (前端静态资源文件夹, 背景图, logo, 主要用来下面模板 .ejs 模板文件使用的 )
   ├── home_bg.png
   ├── logo.jpg
   └── pro_icon.svg
├── src (业务代码都在这个文件夹)
   ├── access.ts 
   ├── app.ts (umi 的入口文件, 有些 umi 插件需要在这里初始化, 暂时没用啥插件)
   ├── assets (业务代码需要的静态资源文件)
      ├── Succeed.png
      ├── adminRoot.png
      ├── login_cover.png
      ├── logo.jpg
      └── root.png
   ├── components (react 封装的组件, 图表, 表格双击弹出描述的模态框, 页面 loading)
      ├── HehChart
         ├── Bar
            └── BaseBar.tsx
         ├── Line
            └── index.js
         └── Pie
             └── index.js
      ├── HehDescribe
         └── index.tsx
      └── PageLoading
          └── index.tsx
   ├── global.less  (全局样式文件)
   ├── layouts (react 布局)
      ├── blankLayout (空布局, 好像没用)
         └── BlankLayout.tsx
      ├── childSiderMenuLayout 
         ├── ChildSiderMenuLayout.tsx
         └── index.less
      ├── codeToTokenLayout (没用)
         └── CodeToTokenLayout.tsx
      ├── mainLayout (主要布局)
         ├── Footer.tsx
         ├── Header.tsx
         ├── MainLayout.tsx
         ├── Menu.tsx
         ├── Sider.tsx
         └── mainLayout.less
      └── userLayout (登陆页面使用的布局)
          ├── UserLayout.tsx
          └── userLayout.less
   ├── locales (国际化文件夹, 没使用国际化)
   ├── models (dva models 都是一些全局改变需要更新 ui 的变量)
      ├── GlobalModel.ts
      └── MainLayoutModel.ts
   ├── pages (业务代码页面, 可以根据路由来找对应页面)
   ├── services 
      ├── api.ts (整个系统所有请求地址都在这)
      ├── globalServices.ts (没用)
      ├── loginServices.ts
      ├── mockServices.ts
      ├── otherServices.ts (整个系统请求 ajax 的定义)
      └── productServices.ts
   └── utils (工具类)
       ├── IconsMap.ts (图标按需加载, 不然)
       ├── checkInput (一些常用的输入框校验, 不知道有没有地方用到)
          └── CheckInput.js
       ├── constant.ts (系统的一些中文对照字典放的地方)
       ├── request.ts (请求框架封装, 请求拦截器, 响应拦截器都在这里, 全局请求配置, 请求错误提示)
       └── utils.ts (这个系统用到工具类封装)
├── .umirc.ts (umi 配置文件, webpack 配置都在这里, 代理, 打包按需加载配置)
├── tsconfig.json (typescript 配置文件)
├── typings.d.ts (typescript 声明, 不要改他)
└── yarn.lock (yarn install 命令的锁版本文件, 不能删除)