项目目录介绍

├── config                   # umi 配置，包含路由，构建等配置
├── mock                     # 本地模拟数据
├── public
│   └── favicon.png          # Favicon
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── e2e                  # 集成测试用例
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── locales              # 国际化资源
│   ├── global.less          # 全局样式
│   └── global.ts            # 全局 JS
├── tests                    # 测试工具
├── README.md
└── package.json

页面代码结构

为了让项目代码组织更加规范，让开发能够更方便的定位到相关页面组件代码，我们定义了一套规范，该规范当前只作为推荐的指导，并非强制。

src
├── components
└── pages
    ├── Welcome        // 路由组件下不应该再包含其他路由组件，基于这个约定就能清楚的区分路由组件和非路由组件了
    |   ├── components // 对于复杂的页面可以再自己做更深层次的组织，但建议不要超过三层
    |   ├── Form.tsx
    |   ├── index.tsx  // 页面组件的代码
    |   └── index.less // 页面样式
    ├── system          // 路由组件下不应该再包含其他路由组件，基于这个约定就能清楚的区分路由组件和非路由组件了
    |   ├── user
    |   |   ├── data.d.ts 
    |   |   ├── index.tsx 
    |   |   ├── service.tsx 
    |   |   ├── components-UpdateForm.tsx
    ├── user           // 一系列页面推荐通过小写的单一字母做 group 目录
    |   ├── components // group 下公用的组件集合
    |   ├── Login      // group 下的页面 Login
    |   ├── Register   // group 下的页面 Register
    |   └── util.ts    // 这里可以有一些共用方法之类，不做推荐和约束，看业务场景自行做组织
    └── *              // 其它页面组件代码

业务功能目录介绍

- Dashboard
  - Welcome 首页
- example-案例模块
  - iframe -iframe嵌套案例
  - openHref -在线打开href案例
  - richText -富文本案例
  - richText -富文本案例
  - userOrganize -选择用户组织案例
- 异常模块   
  - 403 无权限
  - 404 找不到
  - 500 服务器出错
- gencode -代码生成成功模块
  - mycontent -单表生成成果案例
  - mytree -树表生成成果案例
- monitor -监控模块
  - server -服务监控
- quartz 定时模块
  - busTask -定时器业务模块
  - Cron -cron表达式案例
  - TimTask -定时器模块
- system -系统模块
  - Area -地区管理模块
  - Dictionary -字典管理模块
  - Group -用户组管理模块
  - Iframe -菜单调整Iframe
  - Menu -菜单管理模块
  - Organize -组织管理模块
  - Role -角色管理模块
  - User -用户管理模块
- user
  - Login -登录