项目结构
可变字段说明(均在 iBizSys6 平台进行配置):
- <部件标识>: IBizSys 模型预置,如
GRID、FORM等。 - <视图引擎代码名称>: IBizSys 模型预置,如
EditView、GridView等。 - <应用代码名称>: 前端应用------代码名称。
- <应用模块代码名称>: 前端应用------应用模块------代码名称。
- <实体代码名称>: 数据模型------实体------代码名称。
- <视图代码名称>: 前端应用------全部应用视图------视图------代码名称。
- <部件代码名称>: 数据模型------实体------部件-------代码名称。
- <组件代码名称>: 基础文件预置与用户自定义。
结构如下:
| 路径 | 说明 |
|---|---|
| <应用代码名称> | 应用代码名称 |
| ├── public | 公共目录 |
| │... ├── assets | 静态资源目录(不参与编译) |
| │... ├── favicon.ico | 应用图标 |
| │... └── index.html | 应用入口 |
| ├── src | 核心 |
| │... ├── assets | 资源(参与编译) |
| │... │... └── img | 图片 |
| │... ├── components | 组件 |
| │... │... └── <组件代码名称> | 组件代码名称 |
| │... │......... ├── <组件代码名称>.less | 组件样式 |
| │... │......... └── <组件代码名称>.tsx | 组件(逻辑与内容) |
| │... ├── engine | 引擎 |
| │... │... └── view | 视图引擎 |
| │... │......... └── <视图引擎代码名称>-engine.ts | 视图引擎 |
| │... ├── environments | 应用级文件 |
| │... │... └── environment.ts | 环境变量文件 |
| │... ├── interface | 应用接口 |
| │... │... ├── control.ts | 部件接口 |
| │... │... └── viewState.ts | 视图状态接口 |
| │... ├── locale | 语言资源 |
| │... │... ├── lang | 预置语言资源 |
| │... │... │... ├── en-US.ts | 英文语言资源 |
| │... │... │... └── zh-CN.ts | 中文语言资源 |
| │... │... ├── lanres | 动态语言资源 |
| │... │... │... └── <实体代码名称> | 实体代码名称 |
| │... │... │......... ├── <实体代码名称>_en_US.ts | 英文语言资源 |
| │... │... │......... └── <实体代码名称>_zh_CN.ts | 中文语言资源 |
| │... │... ├── index.ts | 语言资源导出声明文件 |
| │... │... └── local-list.ts | 本地被引用语言资源列表 |
| │... ├── model | 模型 |
| │... │... └── form-detail | 表单成员模型 |
| │... │......... ├── form-button.ts | 按钮 |
| │... │......... ├── form-detail.ts | 表单成员 |
| │... │......... ├── form-druipart.ts | 关系项 |
| │... │......... ├── form-group-panel.ts | 分组面板 |
| │... │......... ├── form-iframe.ts | 嵌入内容 |
| │... │......... ├── form-item.ts | 表单项 |
| │... │......... ├── form-page.ts | 分页 |
| │... │......... ├── form-part.ts | 部件 |
| │... │......... ├── form-row-item.ts | 直接内容 |
| │... │......... ├── form-tab-page.ts | 分页面板 |
| │... │......... ├── form-tab-panel.ts | 分页部件 |
| │... │......... ├── form-user-control.ts | 用户控件 |
| │... │......... └── index.ts | 表单成员模型导出声明文件 |
| │... ├── pages | 视图 |
| │... │... └── <应用模块代码名称> | 应用模块代码名称 |
| │... │......... └── <视图代码名称> | 视图代码名称 |
| │... │............... ├── <视图代码名称>.less | 视图样式 |
| │... │............... └── <视图代码名称>.tsx | 视图(逻辑与内容) |
| │... ├── store | 状态管理器 |
| │... │... ├── api | 接口 |
| │... │... │... └── api.ts | 接口内容 |
| │... │... ├── modules | 模块 |
| │... │... │... └── view-action | 视图行为模块 |
| │... │... │......... ├── actions.ts | |
| │... │... │......... ├── getters.ts | |
| │... │... │......... ├── index.ts | |
| │... │... │......... ├── mutations.ts | |
| │... │... │......... └── state.ts | |
| │... │... ├── actions.ts | |
| │... │... ├── getters.ts | |
| │... │... ├── index.ts | |
| │... │... ├── mutations.ts | |
| │... │... └── state.ts | |
| │... ├── styles | 应用样式 |
| │... │... ├── default.less | 应用默认样式 |
| │... │... ├── user.less | 应用自定义样式 |
| │... │... └── var.css | 应用样式色系定义 |
| │... ├── theme | 主题样式 |
| │... │... ├── blue.theme.less | 蓝色主题样式 |
| │... │... ├── dark-blue.theme.less | 暗黑主题样式 |
| │... │... └── default.theme.less | 默认主题样式 |
| │... ├── utils | 工具类 |
| │... │... ├── app-drawer | 抽屉 |
| │... │... │... ├── app-drawer.less | 抽屉样式 |
| │... │... │... └── app-drawer.tsx | 抽屉(内容与逻辑) |
| │... │... ├── app-modal | 模态 |
| │... │... │... ├── app-modal.less | 模态样式 |
| │... │... │... └── app-modal.tsx | 模态(内容与逻辑) |
| │... │... ├── app-popover | 气泡卡片 |
| │... │... │... ├── app-popover.less | 气泡卡片样式 |
| │... │... │... └── app-popover.tsx | 气泡卡片(逻辑与内容) |
| │... │... ├── auth-guard | 应用路由守卫 |
| │... │... │... └── auth-guard.ts | 应用路由守卫 |
| │... │... ├── code-list | 代码表 |
| │... │... │... └── code-list.tsx | 代码表绘制 |
| │... │... ├── dom | dom 节点处理 |
| │... │... │... └── dom.ts | dom 节点处理对象 |
| │... │... ├── http | http 客户端 |
| │... │... │... └── http.ts | http 客户端对象 |
| │... │... ├── interceptor | 拦截器 |
| │... │... │... └── interceptor.ts | 拦截器对象 |
| │... │... ├── json-http | json-http 客户端 |
| │... │... │... └── json-http.ts | json-http 客户端对象 |
| │... │... ├── jsonp | jsonp 客户端 |
| │... │... │... └── jsonp.ts | jsonp 客户端对象 |
| │... │... ├── types | 工具类接口定义文件 |
| │... │... │... ├── app-drawer.d.ts | 抽屉 |
| │... │... │... ├── app-modal.d.ts | 模态 |
| │... │... │... ├── app-popover.d.ts | 气泡卡片 |
| │... │... │... ├── code-list.d.ts | 代码表 |
| │... │... │... ├── http.d.ts | http 客户端 |
| │... │... │... ├── other.d.ts | 其他 |
| │... │... │... ├── README.md | 说明 |
| │... │... │... ├── tab-page-exp.d.ts | 根导航分页标签 |
| │... │... │... └── util.d.ts | 工具类 |
| │... │... ├── ui-conunter | 计数器 |
| │... │... │... └── ui-counter.ts | 计数器对象 |
| │... │... ├── util | 工具类 |
| │... │... │... └── util.ts | 工具类对象 |
| │... │... ├── xml-writer | xml 处理 |
| │... │... │... └── xml-writer.ts | xml 处理对象 |
| │... │... └── index.ts | 工具类导出对象 |
| │... ├── widget | 部件 |
| │... │... ├── app | 应用部件 |
| │... │... │... └── <部件代码名称>-<部件标识> | 部件代码名称-部件标识 |
| │... │... │......... ├── <部件代码名称>-<部件标识>.less | 部件样式 |
| │... │... │......... └── <部件代码名称>-<部件标识>.tsx | 部件(逻辑与内容) |
| │... │... └── <实体代码名称> | 实体代码名称 |
| │... │......... ├── <部件代码名称>-<部件标识> | 部件代码名称-部件标识 |
| │... │......... │... ├── <部件代码名称>-<部件标识>.less | 表单样式 |
| │... │......... │... └── <部件代码名称>-<部件标识>.tsx | 表单(逻辑与内容) |
| │... ├── app-register.ts | 应用级组件全局注册 |
| │... ├── App.tsx | 应用根组件 |
| │... ├── index.d.ts | 应用接口定义 |
| │... ├── main.ts | 应用主函数入口 |
| │... ├── page-register.ts | 应用视图全局注册 |
| │... ├── router.ts | 应用路由 |
| │... ├── shims-tsx.d.ts | |
| │... ├── shims-vue.d.ts | |
| │... └── user-register.ts | 用户组件自定义注册 |
| ├── tests | 测试文件 |
| │... ├── e2e | |
| │... │... ├── plugins | |
| │... │... │... └── index.js | |
| │... │... ├── specs | |
| │... │... │... └── test.js | |
| │... │... └── support | |
| │... │......... ├── commands.js | |
| │... │......... └── index.js | |
| │... └── unit | |
| │......... └── example.spec.ts | |
| ├── .browserslistrc | 浏览器支持配置 |
| ├── .gitignore | 忽略应用提交 |
| ├── babel.config.js | vue cli babel 编译配置 |
| ├── CHANGELOG.zh-CN.md | 更新日志 |
| ├── cypress.json | |
| ├── jest.config.js | |
| ├── package.json | 应用依赖包管理 |
| ├── postcss.config.js | vue cli css 加载处理 |
| ├── Readme.zh-CN.md | 应用介绍说明 |
| ├── tsconfig.json | TypeScript 编译说明 |
| ├── tslint.json | TypeScript 格式校验 |
| ├── vue.config.js | vue cli 配置 |
| └── yarn.lock | 应用依赖包版本锁定 |