分享 | 树形结构数据的展示设计

来自官方公众号的分享

分享内容

日常工作中的业务数据有非常多是树形结构形式的，非常典型的有物料BOM、任务分解、组织结构数据等等

树形结构数据有以下一些共同点：

• 一、层次分明，所有的数据呈现明显的层次结构。像一棵树，每个节点都有特定的层级位置，清晰的展示了数据之间的上下级关系。
• 二、逐级展开，数据在树形结构中是逐级展开的。从根节点开始，可以逐步向下探索各个分支节点。以文件系统为例，根目录是起点，通过逐级打开子目录，可以找到具体的文件。
• 三、单一父节点，每个节点都有且仅有一个父节点。这保证了数据的清晰归属和明确的路径。不会出现一个人有多个父亲或母亲的混乱情况。
• 四、分支独立性，每个分支可以独立地进行扩展和变化，而不影响其他分支。
• 五、易于遍历，如SQL中的递归查询，就是基于树形结构数据。

典型的树形组织结构：

workfine中对于树形结构数据的展示设计：

历史数据界面：

点击项目编号即可进行下一次任务的填写

设计实现：

模板设计：

设置链接

传递参数

提取公式

设置分级预览

如果树形结构需要用项目名称显示，则分级设置时再加一列项目名称，点选为显示字段

系统设计，非常核心的一点，是基于业务的抽象能力与实现能力的培养，相同的业务场景不同的人会有不同的理解与实现方式，没有最好只有更好，希望此示例可以给大家一些帮助。

原文链接

分享 | 树形结构数据的展示设计
https://mp.weixin.qq.com/s/jLmmS_AjUVhsBkBhLN9llA