分享 | 树形结构数据的展示设计-综合交流区论坛-低代码平台-本牛千智|专注WorkFine

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

来自官方公众号的分享

分享内容

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

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

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

典型的树形组织结构:

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

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

历史数据界面:

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

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

设计实现:

模板设计:

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

设置链接

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

传递参数

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

提取公式

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

设置分级预览

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

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

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

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

原文链接

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

请登录后发表评论

    请登录后查看回复内容