java遞回實作類別樹
在瀏覽淘寶,京東等各大商場的時候會發現首頁一般都是商品分類,并且這個商品分類都是層級關系,下圖以天貓商場為例,分為了三層的樹狀結構!!!

那么這種的類別樹是怎么實作的呢?話不多說直接上代碼:
1.首先我們新建一張商品類別表并維護所需資料:

2.創建商品類別物體
@Data
@EqualsAndHashCode(callSuper = false)
@Accessors(chain = true)
@ApiModel("商品類別表")
public class OrdersCategory implements Serializable {
private static final long serialVersionUID = 1L;
@ApiModelProperty(value = "類別主鍵")
@TableId(value = "id", type = IdType.ASSIGN_ID)
private Integer catId;
@ApiModelProperty(value = "分類名稱")
private String name;
@ApiModelProperty(value = "父分類id")
private Integer parentCid;
@ApiModelProperty(value = "層級")
private Integer catLevel;
@ApiModelProperty(value = "是否顯示[0-不顯示,1顯示]")
private Integer showStatus;
@ApiModelProperty(value = "排序")
private Integer sort;
@ApiModelProperty(value = "圖示地址")
private String icon;
@ApiModelProperty(value = "計量單位")
private String productUnit;
@ApiModelProperty(value = "商品數量")
private String productCount;
}
3.創建類別樹回傳物體
@Data
@EqualsAndHashCode(callSuper = false)
@Accessors(chain = true)
@ApiModel("商品類別回傳物件")
public class OrdersCategoryVo extends OrdersCategory implements Serializable {
private static final long serialVersionUID = 1L;
@ApiModelProperty(value = "子類別樹")
List<OrdersCategoryVo> childrenCategoryList;
}
4.遞回邏輯代碼撰寫
/**
* 獲取商品類別樹
* @return
*/
@Override
public List<OrdersCategoryVo> getCategoryTree() {
//查出分類表所有資料
List<OrdersCategoryVo> entityList = categoryMapper.getCategoryTreeAll();
//查詢出所有的一級分類資料. 使用stream的api
List<OrdersCategoryVo> firstEntityList = entityList.stream()
.filter(categoryVo -> categoryVo.getParentCid().intValue() == 0)
.map((menu) -> {
//傳遞當前的商品分類, 和所有的分類,遞回查詢出每個一級分類下的子分類
menu.setChildrenCategoryList( getChildrens(menu,entityList));
return menu;
} ).collect(Collectors.toList());
return firstEntityList;
}
/**
* 遞回查詢子父類
* @param root 當前節點的父id
* @param all 所有的商品分類
* @return
*/
private List<OrdersCategoryVo> getChildrens(OrdersCategoryVo root, List<OrdersCategoryVo> all) {
List<OrdersCategoryVo> childrenList = all.stream()
.filter(categoryVo -> categoryVo.getParentCid().intValue() == root.getCatId().intValue())
.map(categoryVo -> {
//子選單可能還有子選單, 因此遞回查詢 , 查詢出子選單
categoryVo.setChildrenCategoryList(getChildrens(categoryVo, all));
return categoryVo;
}).collect(Collectors.toList());
return childrenList;
}
關于實作邏輯,代碼上都有注釋,這里簡單講一下案例中stream的幾個方法
stream().filter:過濾,根據條件過濾掉集合中的元素
stream().map:映射,操作集合中的元素并回傳新的元素
stream().collect(Collectors.toList()):結束操作,stream流無存盤,所以需要回傳操作結束后的集合
5.前端使用Element的樹形控制元件渲染資料
<template>
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</template>
<script>
import { getCategoryTree } from '@/api/category'
export default {
data() {
return {
data: [],
defaultProps: {
children: 'childrenCategoryList',
label: 'name'
}
}
},
created() {
this.getData();
},
methods: {
handleNodeClick () {
},
getData() {
getCategoryTree()
.then(response => {
this.data = response.data.data.list
})
.catch(() => {
this.data = []
})
}
}
6.啟動專案看效果

初學前端,做的比較簡單,,,,,,,,,,,,,
感謝您的閱讀,希望對您有所幫助,不足之處也希望多探討!
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/235468.html
標籤:java
上一篇:Java基礎語法吐血整理
下一篇:JAVA語法基礎1(入門手冊)
