本文详细介绍如何利用SoFlu全自动开发平台来实现以树形结构展示数据打造“理想树形结构”,高效又实用。
实例介绍
树形结构指的是数据元素之间存在着“一对多”的树形关系的数据结构。本节实例将以常见的试卷选择题(一个题目存在多个选项)作为示例,讲述如何利用全自动开发平台来实现以树形结构展示数据。
效果演示
以上仅为后端程序数据展示,用户可自行设计前端Web页面,将后端程序与前端Web页面进行联调,以实现更加美观的展示方式。
准备工作
需提前准备功能实现过程中用到的两张数据表:题目表title(用来存储题目信息)、选项表option(用来存储选项信息),表结构设计及相关数据如下图所示。
流程图设计概览
逻辑描述:
1.在查询题目信息(SQL语句需确定父子级关系)。
2.在查询选项信息(SQL语句需确定父子级关系)。
3.将前面两个单SQL组件查询出来的数据合并为一个List。
4.使用获取树形结构函数实现功能。
5.输出树型结构拼接完成的信息。
技术要点说明
实现本实例(以树形结构显示数据)的关键在于使用全自动开发平台中的自定义函数-获取树形结构函数getBuildTree,该函数适用于确定了父子级关系的List集合数据中,即:若需使用该函数,需先准备好已确定父子级关系的List集合数据。本实例采用合并两份分别确定了父子级关系的SQL查询记录为一个List集合数据的方式来准备。
函数说明:
获取树形结构函数
ListgetBuildTree(StringparentIdName,StringchildIdName,ListvalueList,StringchildItemName)
全自动开发平台具体操作过程
6.1新增树形结构接口
1.进入全自动开发平台“接口管理”功能模块,新增接口模块并新增一个接口,填写接口的基本信息。
2.因本实例不需要配置入口参数,直接单击“提交”,进入下一步模型编辑即可。
6.2模型编辑
通过拖拽左侧组件列表中所需的组件进行模型编辑(即流程图编辑)。
6.3组件的具体配置(按逻辑描述展示)
1.在查询题目信息(SQL语句需确定父子级关系)。
说明:使用单SQL组件进行查询,具体SQL内容如下,其中title_id(题目编号)作为题目记录中的子级id,以别名childId作为标识。
注意:若对于如何新增SQL语句不清晰,可参见飞算云智