快捷導(dǎo)航

Springboot實(shí)現(xiàn)給前端返回一個(gè)tree結(jié)構(gòu)方法

更新時(shí)間：2022年07月06日 10:39:28 作者：夜色架構(gòu)師

這篇文章主要介紹了SpringBoot返回給前端一個(gè)tree結(jié)構(gòu)的實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

1：首先我們看一下數(shù)據(jù)庫(kù)的表：

這里的pid就是代表他的父節(jié)點(diǎn)id，如果沒(méi)有父節(jié)點(diǎn)，那么pid就是0，上面的表就可以看作是一個(gè)tree結(jié)構(gòu)，那么我們?cè)鯓尤⑦@個(gè)tree結(jié)構(gòu)返回給前端呢？

2：首先寫(xiě)好數(shù)據(jù)庫(kù)對(duì)應(yīng)的實(shí)體類(lèi)和Dto層：

package com.wyr.modules.example.domain;
import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import lombok.Data;
import com.baomidou.mybatisplus.annotation.TableName;
import cn.hutool.core.bean.BeanUtil;
import cn.hutool.core.bean.copier.CopyOptions;
import javax.validation.constraints.*;
import java.sql.Timestamp;
import java.io.Serializable;
/**
 * @author jianyijun
 * @date 2022-07-02
 */
@Data
@TableName("store_category")
public class Category implements Serializable {
    /** 商品分類(lèi)表ID */
    @TableId
    private Integer id;
    /** 父id */
    @NotNull
    private Integer pid;
    /** 分類(lèi)名稱(chēng) */
    @NotBlank
    private String cateName;
    /** 排序 */
    private Integer sort;
    /** 圖標(biāo) */
    private String pic;
    /** 是否推薦 */
    private Integer isShow;
    /** 添加時(shí)間 */
    @TableField(fill= FieldFill.INSERT)
    private Timestamp createTime;
    /** 更新時(shí)間 */
    @TableField(fill= FieldFill.INSERT_UPDATE)
    private Timestamp updateTime;
    /** 刪除狀態(tài) */
    private Integer isDel;
    public void copy(Category source){
        BeanUtil.copyProperties(source,this, CopyOptions.create().setIgnoreNullValue(true));
    }
}

Dto層：

package com.wyr.modules.example.service.dto;
import lombok.Data;
import java.sql.Timestamp;
import java.io.Serializable;
import java.util.List;
/**
 * @author jianyijun
 * @date 2022-07-02
 */
@Data
public class CategoryDto implements Serializable {
    /** 商品分類(lèi)表ID */
    private Long id;
    /** 父id */
    private Long pid;
    /** 分類(lèi)名稱(chēng) */
    private String cateName;
    /** 排序 */
    private Integer sort;
    /** 圖標(biāo) */
    private String pic;
    /** 是否推薦 */
    private Integer isShow;
    /** 添加時(shí)間 */
    private Timestamp createTime;
    /** 更新時(shí)間 */
    private Timestamp updateTime;
    /** 刪除狀態(tài) */
    private Integer isDel;
    private List<CategoryDto> children;
}

這里注意一下Dto層多余的字段：private List<CategoryDto> children;，這個(gè)也就是一個(gè)自己的集合，代表自己的孩子

3：這里介紹一下什么是Dto層，以及一些區(qū)別：

(1) entity 里的每一個(gè)字段，與數(shù)據(jù)庫(kù)相對(duì)應(yīng)，

(2) vo 里的每一個(gè)字段，是和你前臺(tái) html 頁(yè)面相對(duì)應(yīng)，

(3) dto 這是用來(lái)轉(zhuǎn)換從 entity 到 vo，或者從 vo 到 entity 的中間的東西。（DTO中擁有的字段應(yīng)該是entity中或者是vo中的一個(gè)子集）

4:然后是controller層：

ResponseEntity<Object>不用管，是一個(gè)通用的返回?cái)?shù)據(jù)封裝類(lèi)，然后中間那行就是最里面使用了QueryHelp工具，可以不寫(xiě)SQL語(yǔ)句進(jìn)行條件查詢(xún)，然后convert就是一個(gè)復(fù)制方法，可以類(lèi)似于BeanUtils里面的copy等等，這就是先將查詢(xún)到的list復(fù)制給Dto類(lèi)，然后我們進(jìn)入接下來(lái)的Service方法：buildTree：

5：業(yè)務(wù)層：

 /**
     * 構(gòu)建分類(lèi)樹(shù)
     * @param categoryDtos 原始數(shù)據(jù)
     * @return
     */
    @Override
    public Map<String, Object> buildTree(List<CategoryDto> categoryDtos) {
        List<CategoryDto> trees = new ArrayList<>();
        Set<Long> ids = new HashSet<>();
        for (CategoryDto categoryDto :categoryDtos) {
            if (categoryDto.getPid() == 0) {
                trees.add(categoryDto);
            }
            for (CategoryDto it : categoryDtos) {
                if (it.getPid().equals(categoryDto.getId())) {
                    if (categoryDto.getChildren() == null) {
                        categoryDto.setChildren(new ArrayList<>());
                    }
                    categoryDto.getChildren().add(it);
                    ids.add(it.getId());
                }
            }

        }
        Map<String, Object> map = new HashMap<>(2);
        if (trees.size() == 0){
            trees = categoryDtos.stream().filter(s -> !ids.contains(s.getId())).collect(Collectors.toList());
        }
        map.put("content",trees);
        map.put("totalElements", categoryDtos.size());
        return map;
    }
}

到此這篇關(guān)于Springboot實(shí)現(xiàn)給前端返回一個(gè)tree結(jié)構(gòu)方法的文章就介紹到這了,更多相關(guān)Springboot tree結(jié)構(gòu)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: