JSTL实现递归展示树型结构数据!

时间:2022-05-18 13:46:32

场景:

一个树型结构的数据在数据库里

映射为对象Tree(id, name, url....), Tree添加了一个自描述的属性List<Tree> children

从数据库中根据根节点,递归出树结构放到List<Tree> treeList中,现在要求在显示中按层级显示:


问题:因为未知树的层级是多少,JSTL中又不支持函数递归。

解决方案:使用文件包括的形式的解决,虽然不太优雅,但是总算实现了。

知识预备:

JSTL c标签的用法,c:forEach, c:import

JSP的作用域:page, request, session, application

c:import页面可以共享request作用域级别及其以上级别以上的数据,而不能共享page作用域的数据


实现:

主页面代码:

<table>
<c:set var="index" value="0" scope="request" /><!-- 自增序号,注意scope-->
<c:set var="level" value="0" scope="request" /><!-- 记录树的层次,注意scope--><c:import url="__r.jsp" />
</table>

被包含的页面:__r.jsp代码:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/pages/taglibs.jsp"%><!--引入jstl包-->
<c:forEach var="cur" items="${treeList}" varStatus="vs">
<c:set var="index" value="${index + 1}" scope="request" /><!-- 每一次循环,index+1 -->
<tr>
<td align="center" nowrap="nowrap">${index}</td>
<td align="center" nowrap="nowrap">${level}</td>
<td align="center" nowrap="nowrap">${cur.name}</td>
</tr>
<c:if test="${fn:length(cur.children) > 0}"><!-- 如果有childen -->
<c:set var="level" value="${level + 1}" scope="request" /><!-- 循环一次子列表,level+1 -->
<c:set var="treeList" value="${cur.children}" scope="request" /><!-- 注意此处,子列表覆盖treeList,在request作用域 -->
<c:import url="__r.jsp" /><!-- 这就是递归了 -->
</c:if>
</c:forEach>
<c:set var="level" value="${level - 1}" scope="request" /><!-- 退出时,level-1 -->

总结:
用c:import来实现递归,退出条件是list中没有children了!