Skip to main content

模块设计与规范

文件位置

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 变量文件
└─ ...