EHR飞轮 低代码表格设计一探究竟

表格设计原理

当一个界面上出现一个表格时，大部分意味着有数据集合需要被存储和查看，表格天生被用来显示数据。表格虽小，却涉及到UI界面、业务逻辑和数据结构等各方面的知识，往往看似简单，做起来却着实不易，也常常被低估。

飞轮低代码表格配置

飞轮低代码平台的表格按形态分为基础表格、可编辑表格、自定义表格三种。

1. 基础表格 ：以不变的字段展现给用户，无增删改查功能，实现方式比较简单，单一用途；

2. 可编辑表格 ：除了实现基础表格功能外，还支持字段级的编辑和增删改查功能。是飞轮低代码里使用最多的表格类型，具备充分的灵活性，支持场景也最为广泛。

3. 自定义表格 ：以JSON格式自定义表格的列和列相关属性，然后以基础表格形式渲染出来。这是为了满足某些有特殊需求的场景，自定义表格不包含表格的业务逻辑，为了增加灵活性，专门分离了一个表格显示部分出来。

实际应用中，表格的使用场景决定了表格的选择，设计原则如下：

• 形式固定的场景选用基础表格；
• 字段级的增删改查场景选用可编辑表格；
• 有特殊需求的复杂场景选用自定义表格。

特色表格设计

• 可编辑表格的行内编辑模式 ：允许用户直接编辑表格字段而无需打开编辑窗口，这极大提升了表格的编辑效率；

• 支持隐藏或显示自定义列 ：很多时候，表格的某一些列内容是不需要用户看到的，或者在不同场景下需要展示不同的列，因此我们增加了自定义列，并支持隐藏或显示，给用户完全的自定义自由；

• 支持指定数据类型 ：除了常见的文本、数字、日期等基础数据类型外，还支持更复杂的类型，比如支持富文本、选择框、引用和图片，大大提高了表格的业务适应能力。

• 支持数据导入导出 ：表格导入导出是常见的需求，它能方便批量维护表格数据，因此这项功能被列为重点支持的特性，用户可以将表格数据导出到Excel，或者将Excel数据导入到表格。

设计经验

以下列举一些我们认为比较重要却容易被忽略的设计经验：

• 优先使用复选框，保证视觉明确，易识别，易操作；
• 在基础表格和自定义表格里，将各种列类型与占位符关联起来，避免用户在无业务约束的情况下任意设置数据类型，这极大降低了配置错误的风险；
• 支持隐藏表头，比如对于单一数据的复杂页面，往往会包含标题、复杂属性字段等，通过隐藏表格表头，可以使页面看起来更加简洁。

结语

表格作为一种最为常见的数据容器，与我们的生活密不可分，也是应用系统里必不可少的一个组件。

本文主要介绍了飞轮低代码平台里表格的配置设计，通过定制化的设计优化，更贴合EHR领域场景，提高了配置效率和用户体验。

作为一套基础架构，飞轮低代码平台需要满足EHR领域各个环节的业务需求，如何以一个合适的视角抽象出具有普遍性的功能，并以灵活的配置方式适配各种复杂的场景，是我们一直在思考的问题，希望这篇分享能让读者有所启发。