项目结构
可变字段说明(均在 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 | 应用依赖包版本锁定 |