(1)根目录结构说明:
├── dist # 构建产出后待部署的前端静态资源
├── docs
├── gulpfile.js # 执行发布到 MAVEN 的配置
├── mock # 本地数据模拟�
├── postcss.config.js
├── src # 开发源代码
├── uba.config.js # 开发框架构建配置文件
└── uba.mock.js
(2)src 源码目录结构说明:
├── app.jsx # 应用主逻辑入口
├── app.less
├── components # 应用级公共组件
├── index.html
├── index.less
├── layout # 公共布局类组件
├── modules # 所有业务模块代码
├── routes # 主路由组件,一级路由
├── static # 图片,图标字体等资源
└── utils # 通用工具类封装
(3)业务模块目录说明:(以供应商业务模块为例)
├── supplier # 业务模块名称(目录)
│ ├── router.jsx # 模块路由配置文件
│ ├── supplier-detail # 模块下的页面(1)
│ │ ├── components # 该页面下的组件目录,子组件都放在这里
│ │ │ └── detail
│ │ ├── containers.js # 定义容器组件:将数据模型Model和UI组件进行绑定
│ │ ├── models.js # 定义数据模型
│ │ └── services.js # HTTP 请求封装
│ ├── supplier-list # 模块下的页面(2)
│ │ ├── components
│ │ │ └── list
│ │ ├── containers.js
│ │ ├── models.js
│ │ └── services.js
开发框架遵循公共的前端开发规范,我们约定以一致的规范来进行团队协作。具体内容请查看这里:https://github.com/iuap-design/YY-Code-Guide。
包含以下内容: