这里来讲一下后台java如何构造多叉树,这样前台就可接收到数据递归构造树形菜单了。
我们来理一下如何实现构造多叉树的逻辑吧,其实整个问题概括起来就是
1、构造一个实体类,用来存储节点,所以我们构造的需要四个对象(id,pid,name,和chirenList)
2、构造菜单结构
3、构造子菜单,如此循环,通过pid判断上级菜单
具体实现:
1、这里构造Tree.java实体类
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
package com.tcl.jr.crm.entity;
/**
* 类名称:Tree
* 类描述:树形结构
*/
public class Tree {
private String id;
private String pId;
private String name;
public String getId() {
return id;
}
public void setId(String id) {
this .id = id;
}
public String getpId() {
return pId;
}
public void setpId(String pId) {
this .pId = pId;
}
public String getName() {
return name;
}
public void setName(String name) {
this .name = name;
}
@Override
public String toString() {
return "Tree [id=" + id + ", pId=" + pId + ", name=" + name + "]" ;
}
}
|
2、封装树形结构类,这里我封装成一个通用的工具类,方便项目中使用,MenuTreeUtil.java,完整代码如下,可直接复制使用:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
package com.tcl.jr.crm.util;
import java.util.ArrayList;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;
import com.tcl.jr.crm.entity.Tree;
/**
* 类名称:MenuTreeUtil
* 类描述:递归构造树型结构
*/
public class MenuTreeUtil {
public static Map<String,Object> mapArray = new LinkedHashMap<String, Object>();
public List<Tree> menuCommon;
public List<Object> list = new ArrayList<Object>();
public List<Object> menuList(List<Tree> menu){
this .menuCommon = menu;
for (Tree x : menu) {
Map<String,Object> mapArr = new LinkedHashMap<String, Object>();
if (x.getpId()== "0" ){
mapArr.put( "id" , x.getId());
mapArr.put( "name" , x.getName());
mapArr.put( "pid" , x.getpId());
mapArr.put( "childList" , menuChild(x.getId()));
list.add(mapArr);
}
}
return list;
}
public List<?> menuChild(String id){
List<Object> lists = new ArrayList<Object>();
for (Tree a:menuCommon){
Map<String,Object> childArray = new LinkedHashMap<String, Object>();
if (a.getpId() == id){
childArray.put( "id" , a.getId());
childArray.put( "name" , a.getName());
childArray.put( "pid" , a.getpId());
childArray.put( "childList" , menuChild(a.getId()));
lists.add(childArray);
}
}
return lists;
}
}
|
3、最后在控制台请求方法调用数据就行了,在controller的方法如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
/**
* 显示APP树形结构
*/
@RequestMapping (value = { "getAPPTree" }, produces = "text/html;charset=UTF-8" )
@ResponseBody
public String getAPPTree(HttpServletRequest request, HttpServletResponse response) throws Exception {
Map<String, Object> returnmap = new HashMap<>();
MenuTreeUtil menuTree = new MenuTreeUtil();
PageData pd = this .getPageData();
try {
//这里的方法是根据前台的机构类型代码来查找数据库数据的,这里不多加解释,因人而异
List<Tree> list = dataDicService.buildTree(pd.getString( "instType" ));
List<Object> menuList = menuTree.menuList(list);
//区别于web端,这边APP端list不能转为json格式,直接将list传给前台,转成json对象的话vuejs前台无法识别渲染
returnmap.put( "list" , menuList);
} catch (Exception e) {
logger.error(e.getMessage());
}
return JsonMapper.toJsonString(returnmap);
}
|
4、然后前台ajax调用第三部的接口方法就而已请求到所需的数据,如何渲染成好的前台页面,参照我另一篇文章:vuejs使用递归组件实现树形目录
java构造树形菜单数据就说到这里啦,希望对大家有帮助,我的分享一般都是特别详细的,除了涉及项目隐私之外,是不会对大家有所保留的哟,也希望大家多多支持服务器之家。
原文链接:https://segmentfault.com/a/1190000011428318