模块设计与规范
文件位置
modules
下创建对应业务文件夹,
- 主体文件以
业务名.component.ts
命名 - 列表列配置命名规范
业务名-optional-columns.ts
- 状态管理相关文件以
业务名.actions.ts
业务名.state.ts
命名 - 其余子业务模块以
业务名-功能.component.ts
📁 src // 根目录
├─ 📁 api // api目录
│ ├─ 📁 models // 数据模型定义
│ │ ***.services.ts // 业务api文件
├─ 📁 app // 开发目录
│ ├─ 📁 modules // 业务模块目录
│ │ ├─ 📁 ***
│ │ │ ├─ ***-optional-columns.ts // 列表表头配置
│ │ │ ├─ ***.component.ts // 列表页面
│ │ │ ├─ ***.component.less // 列表页面样式
│ │ │ ├─ ***-add.component.ts // 新增页面
│ │ │ ├─ ***-add.component.less // 新增页面样式
│ │ │ ├─ ***-edit.component.ts // 编辑页面
│ │ │ └─ ***-edit.component.less // 编辑页面样式
│ │ │ └─ ***-edit.component.less // 编辑页面样式
│ │ │ └─ ***-.actions.ts // action文件
│ │ │ └─ ***-.state.ts // state文件
│ │ └─ nav
│ │ │ └─ ***.routes.ts // 路由定义目录
│ ├─ 📁 styles // 通用样式文件目录
│ │ └─ variables.less // less 变量文件
└─ ...