数据结构论坛

注册

 

发新话题 回复该主题

太赞了,看看大神如何快速完成以树形结构显 [复制链接]

1#

本文详细介绍如何利用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语句不清晰,可参见飞算云智

分享 转发
TOP
发新话题 回复该主题