低代码平台表单设计器 unione form editor 组件 —— 引用组件

低代码平台表单设计器 unione-form-editor 组件 ------ 引用组件

在企业级系统中,数据从来不是孤立存在的员工关联部门订单关联客户入库单关联商品合同关联项目......想要让表单实现数据关联、自动回填、外键绑定、跨表取值 ,就必须用到核心组件 ------引用组件

引用组件是表单与数据模型之间外键关联的桥梁 ,它让不同表单、不同数据表之间的数据可以自由关联、自动读取、实时联动,是低代码平台实现业务化、关联化、企业级数据逻辑的核心组件。


一、引用组件核心定位:外键关联的桥梁

简单说:引用组件 = 跨表数据选择器 = 外键关联工具

它的核心作用只有一个:在当前表单里,引用另一张表单 / 数据表的数据,并建立外键关联关系。

比如:

  • 在订单表单里 → 引用「客户表单」数据
  • 在入库表单里 → 引用「商品表单」数据
  • 在日志表单里 → 引用「设备表单」数据
  • 在报销单里 → 引用「项目表单」数据

没有引用组件,表单只能录入孤立数据;用上引用组件,表单才能真正串联业务、联动数据


二、引用组件核心特性

1. 外键关联,标准企业级数据关系

基于数据模型建立外键关联,支持一对一、一对多关联,数据结构严谨、查询高效、支持级联操作。

2. 跨表单 / 跨表引用数据

可引用平台内任意已发布的表单数据,无需重复创建字段,数据统一、源头唯一。

3. 支持搜索 + 下拉 + 弹窗选择

提供多种选择模式:下拉选择、搜索选择、弹窗多选、树形选择。

4. 自动回填关联字段

选择一项数据后,自动回填名称、编码、型号、联系人、价格等字段,不用手动输入,效率更高、错误更少。

5. 数据实时同步

被引用的源数据修改后,引用端自动同步更新,保证全平台数据一致。

6. 权限严格控制

可设置数据范围:全部数据、本部门数据、本人创建数据、自定义筛选。


三、引用组件标准配置流程(三步完成)

第一步:数据模型添加关联

进入表单的数据模型,添加关联数据字段,设置:关联表、外键字段、显示字段。

第二步:表单中添加引用组件

在表单设计器拖拽引用组件到画布。

第三步:绑定关联数据

选择已配置好的关联数据,设置选择方式、回填字段、数据权限。

完成 → 表单立刻具备跨表关联能力!


四、引用组件高频使用场景

  • 订单 → 引用客户信息
  • 入库单 → 引用商品信息
  • 员工表 → 引用部门信息
  • 合同 → 引用客户、项目
  • 巡检记录 → 引用设备
  • 报销单 → 引用项目、费用类型
  • 工单 → 引用客户、设备、地址
  • 资产 → 引用部门、管理员、供应商

任何需要 "选择已有数据、不重复录入" 的场景,都必须用引用组件。


五、结语

引用组件是低代码平台从「单纯表单工具」升级为「企业级业务系统」的关键标志。它是外键关联的桥梁,是数据联动的核心,是业务系统的骨架。

只要你做的是企业业务系统,引用组件一定是高频必用、无法替代的核心组件。


项目已开源,欢迎 Star 收藏~

GitHubhttps://github.com/unione-cloud/unione-form-editor

Giteehttps://gitee.com/unione-cloud/unione-form-editor

相关推荐
ebok.2 天前
国产大模型落地业务系统的优选载体:京微智枢信创 AI 业务支撑平台
大数据·人工智能·低代码·ai
杰夫(简道云个人搭建)3 天前
SAAS系统应该先解决业务问题,再优化体验
数据库·人工智能·低代码·excel·个人开发
Devlab3 天前
LVGL设计大师——网页版anyui来了!!
嵌入式硬件·物联网·低代码·ui·iot
jonyleek4 天前
JVS-Logic 实践指南:基于私有化与柔性配置的企业级逻辑引擎落地方法
人工智能·低代码·私有化部署·企业集成·逻辑引擎·流程编排·jvs
皮皮虾❀5 天前
典铭云赛低代码+AI智能体快速落地方法论:从“售前写方案、交付做开发各管一段”到“场景发现即交付、需求到上线一周”的完整技术方案
人工智能·低代码
jonyleek5 天前
JVS-Rules 实践指南:三步实现风控与营销规则的自主配置(附可操作闭环)
低代码·系统集成·决策系统·风控系统·合规审计·jvs-rules·jvs规则引擎
HUIBUR科技5 天前
先治数据,再做报表:企业数字化时代的数据治理前置逻辑与轻量化落地路径
低代码
技术分享官6 天前
Geejing WebBuilder|主副表(主子表)联动标准配置
低代码
许彰午6 天前
政务低代码平台实战⑤:双输出模式——存DB与导出JSP的完整链路
数据库·低代码·政务
梦梦代码精7 天前
连锁品牌数字化:从门店扩张到用户资产运营的技术底座
大数据·人工智能·低代码·docker·开源·代码规范