前言
飞搭低代码平台(FeiDa,以下简称“飞搭”),为企业提供在线化、灵活的业务应用构建工具,支持高低代码融合,助力企业低门槛、高效率和低成本地快速应对市场变化,加速复杂业务场景落地。
概要介绍
在低代码系统开发过程中,面对企业级应用中层出不穷的个性化组件需求,如何实现“开箱即用”与“深度定制”的平衡,设计兼具灵活性与可复用性的扩展组件,并实现与页面其他元素的深度交互联动,直接关系到项目的交付质量和开发效能。
在之前的推文飞搭系列 | 自定义组件实现组件灵动扩展中我们介绍了自定义组件,本篇介绍的扩展组件将更进一步,它不仅会显示在设计器的组件列表中供直接拖拽使用,更能与其他标准组件一样在画布中进行可视化操作,实现真正的“所见即所得”编辑体验,大幅提升了页面扩展组件的易用性和直观性!
核心优势:
● 可视化: 扩展组件可以将其复杂的配置项(属性、样式、行为规则)暴露在属性面板上。使用者无需触碰代码,只需通过图形化界面进行勾选和填写,即可完成配置。
● 可复用性: 一旦创建,扩展组件就和平台标准组件一样,可以被添加到平台的组件库中。今后在任何一个需要相同功能的页面或应用中,都可以直接拖拽使用,无需重新开发。
一、场景说明
企业销售部门的月度销售数据表,涵盖全国各区域、各产品线的销售额、销量、客单价等数据(可能达数十万条),此场景下,标准组件可能无法满足个性化需求,例如使用大数据表格来展示海量数据,依赖级联选择组件实现省市区多级联动筛选,面对此类定制化需求,扩展组件的开发与集成便成为提升系统能力的关键路径。
二、功能实现
支持开发的扩展组件类型有结构组件和基础组件,支持扩展属性样式插件组件,它们都需要以下步骤实现:
开发与配置: 需基于 hzerojs的联邦组件模式,使用高代码开发一套扩展组件(可以借鉴demo中已有的扩展组件案例),通过mfExposes配置,就可以将扩展的组件资源暴露给飞搭低代码模块。
部署: 开发完成后,像部署普通前端子模块一样部署你的组件资源。打开设计器页面,会自动读取高代码的资源,并将对应组件加入到设计器组件中,拖入画布后,也能在设计器和渲染页正确渲染对应组件。
03. 实现效果
通过以上步骤,我们开发出大数据表格结构组件和级联选择基础组件,接下来让我们看看在画布中的使用效果吧!
● 可在左侧组件列表中发现新增的扩展组件并拖入画布
● 可和普通组件一样,配置属性、样式和行为
● 以及在功能页面配置组件的交互权限和数据权限
最后我们看一下预览的效果:大数据表格展示数据,可通过级联选择筛选数据。
结语
飞搭低代码平台作为 H-ZERO 生态的重要组成部分,致力于充分融合 H-ZERO 的各平台能力,提供企业用户在线化灵活搭建业务应用的能力,支撑企业普惠化(低门槛、高协作)、敏态化(高效率)和低成本化地快速响应市场变化,加速复杂业务场景落地。
本篇基于销售管理场景,介绍了如何开发配置、部署和使用扩展组件,既满足了用户的个性化需求,还兼顾了组件的可复用性和可视化配置,极大的提升了开发效率。
接下来,我们将持续推出飞搭平台专题系列教程,帮助您更好地掌握飞搭平台的使用技巧,敬请期待!
联系我们
-
如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档:请在PC端打开 👉汉得焱牛开放平台 open.hand-china.com/document-ce…
-
如果您有疑问或者建议,可以通过开放平台进行工单反馈,问题分类请选择【产品/汉得aPaaS平台-飞搭】:请在PC端打开👉汉得焱牛开放平台open.hand-china.com/
-
相关产品咨询或更多信息了解,欢迎联系我们 邮箱:openhand@vip.hand-china.com