# ibiz-fullcode-example **Repository Path**: iBizModeling/ibiz-fullcode-example ## Basic Information - **Project Name**: ibiz-fullcode-example - **Description**: iBiz前端全代码示例仓库 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 2 - **Created**: 2025-12-19 - **Last Updated**: 2026-01-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # iBiz前端全代码示例 iBizAppHUB 提供了多层次、多维度的扩展机制，以满足不同层级的定制化需求。 ## web端 ### 应用级扩展 #### 应用风格扩展 - **用途**: 适用于需要全局统一视觉风格的场景，如品牌色定制、主题样式定制等 - **参考文档**: [应用风格扩展](./web/docs/app-style-expand.md) - **示例位置**: [app-style-expand](./web/source/app-style-expand/src/main.ts) #### 重写预置控件或逻辑块 - **用途**: 当需要全局替换某一类基础组件（如统一修改所有文本框或表格的默认行为）或者逻辑块时使用 - **参考文档**: [重写预定义组件](./web/docs/rewrite-predefined-comp.md) - **示例位置**: [rewrite-predefined-comp](./web/source/rewrite-predefined-comp/src/user-register.ts) ### 视图级扩展 #### 添加页面 - **用途**: 用于扩展新的路由页面和业务功能模块 - **参考文档**: [添加页面](./web/docs/add-page.md) - **示例位置**: [add-page](./web/source/add-page/src/router/index.ts) #### 重写模型 - **用途**: 适合在运行时动态调整视图配置，如修改标题、控制组件显隐等 - **参考文档**: [重写模型](./web/docs/rewrite-model.md) - **示例位置**: [rewrite-model](./web/source/rewrite-model/src/publish/pages/master/master-grid-view/master-grid-view.vue) #### 脚本代码 - **用途**: 用于实现复杂的业务逻辑控制，通过控制器API精确操控视图及各组件行为 - **参考文档**: [脚本代码](./web/docs/script-code.md) - **示例位置**: [script-code](./web/source/script-code/src/publish/pages/master/master-grid-view/master-grid-view.vue) ### 部件级扩展 #### 部件扩展 - **用途**: 当需要替换整个部件（如表格、表单）并重写其核心逻辑时使用 - **参考文档**: [部件扩展](./web/docs/widget-expand.md) - **示例位置**: [widget-expand](./web/source/widget-expand/src/publish/pages/master/master-ctrl-slot-grid-view/master-ctrl-slot-grid-view.vue) #### 部件项扩展 - **用途**: 专注于单个部件内元素的精细化定制，如特定表格列或表单项的个性化展示 - **参考文档**: [部件项扩展](./web/docs/widget-item-expand.md) - **示例位置**: [widget-item-expand](./web/source/widget-item-expand/src/publish/pages/master/master-grid-column-slot/master-grid-column-slot.vue) ### 元素级扩展 #### 面板项扩展 - **用途**: 针对自定义布局中的单个面板元素进行定制 - **参考文档**: [面板项扩展](./web/docs/panel-item-expand.md) - **示例位置**: [panel-item-expand](./web/source/panel-item-expand/src/publish/pages/master/master-full-code-slot-custom-view/master-full-code-slot-custom-view.vue) #### 编辑器扩展 - **用途**: 专门用于定制表单中的输入控件，如特殊日期选择器或文件上传组件 - **参考文档**: [编辑器扩展](./web/docs/editor-expand.md) - **示例位置**: [editor-expand](./web/source/editor-expand/src/publish/pages/master/master-editor-slot/master-editor-slot.vue) ### 逻辑块扩展 #### 界面行为扩展 - **用途**: 针对单个实体某一个界面行为进行定制 - **参考文档**: [界面行为扩展](./web/docs/rewrite-ui-action.md) - **示例位置**: [custom-ui-action](./web/source/rewrite-logic/src/custom-logic/custom-ui-action/index.ts) #### 实体行为扩展 - **用途**: 针对单个实体某一个实体行为进行定制 - **参考文档**: [实体行为扩展](./web/docs/rewrite-action.md) - **示例位置**: [custom-de-method](./web/source/rewrite-logic/src/custom-logic/custom-de-method/index.ts) ## 移动端 ### 应用级扩展 #### 应用风格扩展 - **用途**: 适用于需要全局统一视觉风格的场景，如品牌色定制、主题样式定制等 - **参考文档**: [应用风格扩展](./mob/docs/app-style-expand.md) - **示例位置**: [app-style-expand](./mob/source/app-style-expand/src/main.ts) #### 重写预置控件或逻辑块 - **用途**: 当需要全局替换某一类基础组件（如统一修改所有文本框或表格的默认行为）或者逻辑块时使用 - **参考文档**: [重写预定义组件](./mob/docs/rewrite-predefined-comp.md) - **示例位置**: [rewrite-predefined-comp](./mob/source/rewrite-predefined-comp/src/user-register.ts) ### 视图级扩展 #### 添加页面 - **用途**: 用于扩展新的路由页面和业务功能模块 - **参考文档**: [添加页面](./mob/docs/add-page.md) - **示例位置**: [add-page](./mob/source/add-page/src/router/index.ts) #### 重写模型 - **用途**: 适合在运行时动态调整视图配置，如修改标题、控制组件显隐等 - **参考文档**: [重写模型](./mob/docs/rewrite-model.md) - **示例位置**: [rewrite-model](./mob/source/rewrite-model/src/publish/pages/master/master-mob-mdctrl-base/master-mob-mdctrl-base.vue) #### 脚本代码 - **用途**: 用于实现复杂的业务逻辑控制，通过控制器API精确操控视图及各组件行为 - **参考文档**: [脚本代码](./mob/docs/script-code.md) - **示例位置**: [script-code](./mob/source/script-code/src/publish/pages/master/master-mob-card-base/master-mob-card-base.vue) ### 部件级扩展 #### 部件扩展 - **用途**: 当需要替换整个部件（如多数据列表、表单）并重写其核心逻辑时使用 - **参考文档**: [部件扩展](./mob/docs/widget-expand.md) - **示例位置**: [widget-expand](./mob/source/widget-expand/src/publish/pages/master/master-fullcode-mdctrl-expand/master-fullcode-mdctrl-expand.vue) #### 部件项扩展 - **用途**: 专注于单个部件内元素的精细化定制，如特定表格列或表单项的个性化展示 - **参考文档**: [部件项扩展](./mob/docs/widget-item-expand.md) - **示例位置**: [widget-item-expand](./mob/source/widget-item-expand/src/publish/pages/master/master-fullcode-formitem-expand/master-fullcode-formitem-expand.vue) ### 元素级扩展 #### 面板项扩展 - **用途**: 针对自定义布局中的单个面板元素进行定制 - **参考文档**: [面板项扩展](./mob/docs/panel-item-expand.md) - **示例位置**: [panel-item-expand](./mob/source/panel-item-expand/src/publish/pages/master/master-fullcode-panelitem-expand/master-fullcode-panelitem-expand.vue) #### 编辑器扩展 - **用途**: 专门用于定制表单中的输入控件，如特殊日期选择器或文件上传组件 - **参考文档**: [编辑器扩展](./mob/docs/editor-expand.md) - **示例位置**: [editor-expand](./web/source/editor-expand/src/publish/pages/master/master-editor-slot/master-editor-slot.vue) ### 逻辑块扩展 #### 界面行为扩展 - **用途**: 针对单个实体某一个界面行为进行定制 - **参考文档**: [界面行为扩展](./mob/docs/rewrite-ui-action.md) - **示例位置**: [custom-ui-action](./mob/source/rewrite-logic/src/custom-logic/custom-ui-action/index.ts) #### 实体行为扩展 - **用途**: 针对单个实体某一个实体行为进行定制 - **参考文档**: [实体行为扩展](./mob/docs/rewrite-action.md) - **示例位置**: [custom-de-method](./mob/source/rewrite-logic/src/custom-logic/custom-de-method/index.ts) 每种扩展方式都针对特定的定制粒度，在实际开发中可根据具体需求选择合适的扩展方案，在灵活性与维护性之间取得最佳平衡。