飞搭系列 | 范围组件，轻松搞定区间展示

前言

汉得飞搭aPaaS低代码平台（FEIDA，以下飞搭低代码平台（FeiDa，以下简称“飞搭”），为企业提供在线化、灵活的业务应用构建工具，支持高低代码融合，助力企业低门槛、高效率和低成本地快速应对市场变化，加速复杂业务场景落地。

概要介绍

范围组件，顾名思义，是一种允许用户通过配置左右区间来展示某个字段区间值的组件。在飞搭内表现为两个输入框的形式，用户只需简单操作即可选定一个数值范围，系统随即根据这个范围进行数据筛选或展示。

范围组件的常见用法：

- 动态展示：
教育机构内，教师可以通过范围组件快速了解学生成绩的分布情况。

- 展示数值区间：
库存管理系统内，使用范围组件来展示当前物料的库存安全范围，并触发超出预警。

- 筛选数据：
商品管理系统中，用户可以通过价格区间选择来过滤商品。
接下来，我们来看看范围组件在以上三种实际业务场景中的应用。

一、教育机构

01. 场景说明
在教育机构的管理系统中，每次考试后，动态展示学生成绩的分布情况是最常见的需求，可以帮助老师分析学生进步情况并针对性调整。

02. 实现效果

03. 功能实现

• 拖入【班级】表单及【学生】列表，级联查询指定班级内的所有学生的某学科成绩；【班级】表单内拖入范围组件“分数分布”，左、右区间字段选择两个虚拟字段，以作数据赋值展示；
• 【班级】表单绑定触发器及事件流，实现将【学生】列表内最低、最高的分数分别赋值给“分数分布”字段的左、右区间。

二、库存管理

01. 场景说明
在库存管理系统内，可以通过范围组件展示当前物料在仓库内的库存量安全范围，如库存低于或高于这个区间，系统自动触发预警。范围组件和条件结合使用可以便捷的实现该功能。

02. 实现效果

03. 功能实现

• 在列表数据域内拖入范围字段，配置选择左、右区间字段。其中，左、右区间字段可以通过录入字段编码选择虚拟字段或外部接口里的字段，也可以选择未拖入画布中的业务对象字段。
  
• 【现有量】字段样式设置条件，实现当【现有量】字段值不在安全范围内，则显示为红色预警。
  

三、商品管理系统

01. 场景说明
在商品管理系统中，用户经常需要根据价格区间来筛选商品。这一功能可以通过使用范围组件轻松实现。

02. 实现效果

03. 功能实现

移动端列表高级筛选域内拖入范围组件，配置左、右区间字段为业务对象字段，实际预览时即可根据筛选域内录入的值，筛选查询符合相应字段值范围内的数据。

结语

飞搭移动端低代码平台是一款易用且功能强大的移动应用开发平台，相对于传统的应用开发方式，飞搭平台具有更高的效率和更低的门槛。通过使用飞搭平台，您可以快速搭建简单或复杂的移动应用，从而更好地满足用户的需求。

本篇基于教育机构、库存管理、商品管理系统三个场景介绍了范围组件的常见用法，可以帮助您快速实现区间展示和筛选功能，提升用户体验和开发效率。

接下来，我们将持续推出飞搭平台专题系列教程，帮助您更好地掌握飞搭平台的使用技巧，敬请期待！

联系我们

1 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档：
请在PC端打开 👉汉得焱牛开放平台
https://open.hand-china.com/document-center/doc/product/10001...

2 如果您有疑问或者建议，可以通过开放平台进行工单反馈，问题分类请选择【产品/汉得aPaaS平台-飞搭】：
请在PC端打开👉汉得焱牛开放平台
https://open.hand-china.com/

3 相关产品咨询或更多信息了解，欢迎联系我们
邮箱：[e-mail]

4 立即预约，免费演示 👉 获取产品演示