1、第一步:效果图如图所示

2、第二步:总代码如图所示,下面为详细解析



3、第三步:首先创建一个显示树状结构的工具类,具体代码如图所示,list的作用是封装了含有树状结构的目录,将list返回到前台直接取值显示即可显示成树状结构

4、第四步:在Action中直接调用后台的数据,传入工具类,将结构传给前台页面,注意这里需要创秃赈沙嚣建一个新的对象,这样做是为了避免树状结构数据更新到数据库中

5、第五步:在前台页面回显后台的树状结构的数据,具体回显原理请参阅我的OA项目如何实现数据回显这一百度经验

6、需要注意的问题时,树状结构显示时html页面的空格问题,在传入显示空格距离时用中文全角空格符解决