Skip to content

Latest commit

 

History

History
69 lines (54 loc) · 2.59 KB

3.1-iuap应用平台前端培训_开发框架(目录与规范).md

File metadata and controls

69 lines (54 loc) · 2.59 KB

框架目录与规范

1、框架目录说明

(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

2、框架规范说明

开发框架遵循公共的前端开发规范,我们约定以一致的规范来进行团队协作。具体内容请查看这里:https://github.com/iuap-design/YY-Code-Guide

包含以下内容: