@TOC

博主 默语带您 Go to New World.
✍ 个人主页—— 默语 的博客👦🏻 优秀内容</ a>
《java 面试题大全》</ a>
《java 专栏》</ a>
《idea技术专区》</ a>
《spring boot 技术专区》</ a>
《MyBatis从入门到精通》</ a>
《23种设计模式》</ a>
《经典算法学习》</ a>
《spring 学习》</ a>
《MYSQL从入门到精通》</ a>数据库是开发者必会基础之一~
🍩惟余辈才疏学浅，临摹之作或有不妥之处，还请读者海涵指正。☕🍭
🪁 吾期望此文有资助于尔，即使粗浅难及深广，亦备添少许微薄之助。苟未尽善尽美，敬请批评指正，以资改进。！💻⌨

使用Java实现树形下拉菜单：从零开始到完全掌握

作者：默语

摘要

本篇博客将带领读者通过Java代码实现一个树形下拉菜单，并在此过程中详细讲解其设计思路和实现细节。无论你是初学者还是经验丰富的开发者，都能从中获得启发。完整的代码示例包括详细的注释，帮助你快速上手并掌握实现逻辑。

引言

什么是树形下拉菜单？

树形下拉菜单是一种UI组件，适用于展示多层级的分类数据。例如：

- 一级分类
    - 二级分类
        - 三级分类

使用场景：

• 权限管理：多级角色权限展示。
• 分类管理：商品分类、文章分类等多层结构。
• 其他应用：如数据组织、结构化展示等。

本文目标

我们将实现一个简单、清晰、易扩展的树形下拉菜单功能，采用Spring Boot作为框架，搭配H2数据库和Thymeleaf模板引擎展示结果。

正文

1. 项目结构设计

优化后的模块化设计如下：

• 实体类：定义分类数据的结构。
• 数据访问类（DAO）：负责数据库交互，操作分类数据。
• 业务逻辑类（Service）：处理树形结构的生成逻辑。
• 控制器类（Controller）：提供API接口，向前端返回数据。
• 工具类：封装通用工具。
• 异常处理类：捕获和处理可能发生的异常。
• 配置类：负责项目和数据库配置。

2. 完整代码实现

2.1 实体类：Category

用于描述分类数据的模型。

package com.example.tree.model;

import java.util.List;

/**
 * 实体类：Category
 * 描述分类数据，包括父子层级关系
 */
public class Category {
    private Long id;             // 分类ID
    private String name;         // 分类名称
    private Long parentId;       // 父分类ID
    private List<Category> children; // 子分类列表

    // Getters 和 Setters
    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Long getParentId() {
        return parentId;
    }

    public void setParentId(Long parentId) {
        this.parentId = parentId;
    }

    public List<Category> getChildren() {
        return children;
    }

    public void setChildren(List<Category> children) {
        this.children = children;
    }
}

2.2 数据访问类：CategoryRepository

直接与数据库交互。

package com.example.tree.dao;

import com.example.tree.model.Category;
import org.springframework.stereotype.Repository;

import java.util.ArrayList;
import java.util.List;

/**
 * 数据访问类：模拟数据库操作
 */
@Repository
public class CategoryRepository {
    /**
     * 模拟获取所有分类数据
     *
     * @return 分类数据列表
     */
    public List<Category> findAll() {
        List<Category> categories = new ArrayList<>();
        
        // 示例数据
        categories.add(new Category() {{
            setId(1L); setName("一级分类A"); setParentId(0L);
        }});
        categories.add(new Category() {{
            setId(2L); setName("二级分类A1"); setParentId(1L);
        }});
        categories.add(new Category() {{
            setId(3L); setName("三级分类A1-1"); setParentId(2L);
        }});
        return categories;
    }
}

2.3 业务逻辑类：CategoryService

负责构建树形结构。

package com.example.tree.service;

import com.example.tree.dao.CategoryRepository;
import com.example.tree.model.Category;
import org.springframework.stereotype.Service;

import java.util.ArrayList;
import java.util.List;

/**
 * 业务逻辑类：处理分类树形结构生成
 */
@Service
public class CategoryService {

    private final CategoryRepository categoryRepository;

    public CategoryService(CategoryRepository categoryRepository) {
        this.categoryRepository = categoryRepository;
    }

    /**
     * 获取树形结构分类数据
     *
     * @return 树形分类数据
     */
    public List<Category> getTreeStructure() {
        List<Category> categories = categoryRepository.findAll();
        return buildTree(categories, 0L);
    }

    /**
     * 递归构建树形结构
     *
     * @param categories 所有分类数据
     * @param parentId   当前父分类ID
     * @return 子分类树
     */
    private List<Category> buildTree(List<Category> categories, Long parentId) {
        List<Category> tree = new ArrayList<>();
        for (Category category : categories) {
            if (category.getParentId().equals(parentId)) {
                category.setChildren(buildTree(categories, category.getId()));
                tree.add(category);
            }
        }
        return tree;
    }
}

2.4 控制器类：CategoryController

暴露RESTful接口。

package com.example.tree.controller;

import com.example.tree.model.Category;
import com.example.tree.service.CategoryService;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

/**
 * 控制器类：处理分类相关请求
 */
@RestController
public class CategoryController {

    private final CategoryService categoryService;

    public CategoryController(CategoryService categoryService) {
        this.categoryService = categoryService;
    }

    /**
     * 获取树形分类数据接口
     *
     * @return 树形分类列表
     */
    @GetMapping("/categories")
    public List<Category> getCategories() {
        return categoryService.getTreeStructure();
    }
}

2.5 前端模板：Thymeleaf实现

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>树形下拉菜单</title>
</head>
<body>
    <h1>树形下拉菜单</h1>
    <select id="treeDropdown">
        <option th:each="category : ${categories}" 
                th:value="${category.id}" 
                th:text="${category.name}">
        </option>
    </select>
</body>
</html>

3. 项目优化点

1. 动态加载：支持通过AJAX加载子节点，减少初始加载压力。
2. 可扩展性：通过配置实现多语言支持（国际化）。
3. 多数据库支持：扩展为MySQL、PostgreSQL等。

4. 总结

本文从零开始详细讲解了一个树形下拉菜单的实现过程，涵盖了从数据到前端的全链路开发。希望能帮助小白读者轻松理解该功能的实现逻辑。

微信交流群

对文章中的实现细节有疑问？或者想获取更多代码优化建议？欢迎添加我的微信，与更多开发者一起探讨技术问题！

微信号：Solitudemind

让我们一起学习进步，做更优秀的开发者！ 😊

🪁🍁 希望本文能够给您带来一定的帮助🌸文章粗浅，敬请批评指正！🍁🐥

如对本文内容有任何疑问、建议或意见，请联系作者，作者将尽力回复并改进📓；(联系微信:Solitudemind )

点击下方名片，加入IT技术核心学习团队。一起探索科技的未来，共同成长。