关于项目中出现的多层级菜单的实现方法

最新推荐文章于 2024-05-12 18:13:47 发布
最新推荐文章于 2024-05-12 18:13:47 发布
阅读量2k 收藏 5
点赞数 1
分类专栏： java技术文章 文章标签： java实现菜单树 递归实现菜单树 循环实现递归树
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zb201666/article/details/90613082
版权

关于项目中出现的多层级菜单的实现方法

在项目开发中，经常会有多层级菜单的功能需求需要实现，实现多层级菜单一般都是采取递归的方式进行逐级遍历，但是这种方式存在明显的不足，就是当层级关系比较深时，通过父级去递归对应的子级，子级去递归自己的子级时，如果涉及到数据库的查询，那么就会多次发送SQL查询语句去数据库查询，造成数据库访问剧增，严重影响系统功能的响应速度，造成不好的用户体验。这里，我给大家介绍一种优化的方式来实现同样的功能需求，在介绍之前，先给出常规递归的实现方式。

  1. 说明
    博主给出的例子中，采用了基于Vue的前端框架ElementUI的树形菜单控件，后端采用MyBatis-Plus查询数据库给前端返回需要的数据形成树形菜单。

  2. 界面效果
    形如这种的树形效果
    在这里插入图片描述

  3. 实体类关系配置
    表示商品类型的实体类中增加子类的集合，用户保存当前父级类型对应的子类型
    在这里插入图片描述
    在这里插入图片描述

  4. service层主要实现代码如下【递归方式】
    在这里插入图片描述在这里插入图片描述明显看代码可以看出，使用这种方式会发送很多次查询去访问数据库，效率很低。

  5. 下面给出一种优化的方式，这种方式只需要查询一次数据库。其核心思想就是通过循环判断。
    在这里插入图片描述

  6. 然后前端发出请求直接访问后端的服务【这里调用的是通过循环查询的服务接口】
    前端的请求访问
    在这里插入图片描述
    在这里插入图片描述

    后端的接口
    在这里插入图片描述

  7. 请求响应中的数据
    在这里插入图片描述
    在这里插入图片描述

鲨鱼辣椒暴打蟑螂恶霸
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
.Net版本 递归生成多级菜单
一枝花的浪漫
04-08 1199
public class TreeViewDataModel { public List node { get; set; } public int id { get; set; } public string nodeName { get; set; } public int PId{ get; set; } public TreeViewDataModel() { this.node = ...
简单的层级菜单(实例)
Byfar
06-02 1442
<html lang="en"> <head> <meta charset="UTF-8"> <title>层级菜单</title> <style type="text/css"> body{ font-family:'Microsoft Yahei'; } body,ul{ margin...
菜单树结构处理优化--逻辑栈代替递归栈
weixin_44718708的博客
04-07 1442
对按先序排列的List进行一次性遍历的同时，借助逻辑栈的辅助（暂存父节点），按后序遍历顺序，从左到右，从下到上将子菜单节点与父节点关联起来，遍历结束即可得到所需的结构数据。
Vue_主页面左菜单优化
qq_45578388的博客
11-03 349
文章目录一、替换菜单激活的文本的颜色二、替换二级菜单图标二、替换一级菜单图标1.给需要的标签去动态绑定class名 并且传入一个数组最终效果 一、替换菜单激活的文本的颜色 <!-- 页面主题区域 --> <el-container> <!-- 侧边栏 --> <el-aside width="200px"> <!-- 侧边栏菜单区 --> <!-- 其中active-text
2024年前端最全vue使用iview解决多级菜单如何渲染问题(3)，面试官必问的技术问题之一有哪些
最新发布
2401_84617533的博客
05-12 378
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Java 实现 多级菜单
qq_56396290的博客
01-11 4375
java多级菜单
vue+elementui实现多层树形菜单
10-16
在本文中，我们将深入探讨如何使用Vue.js框架与Element UI库来实现多层树形菜单。Vue.js是一个轻量级的前端JavaScript框架，以其简洁的...通过不断实践和优化，你可以创建出符合业务需求、用户体验优秀的多层菜单系统。
android实现三级联动菜单
05-26
- 当用户在某一级菜单中做出选择时，需要更新下一级菜单的数据。这可能涉及到异步数据加载，如使用`AsyncTask`或`Retrofit`进行网络请求，或者从本地数据库中读取数据。 - 数据加载完成后，更新对应的`Fragment`...
Android ExpandableListView双层嵌套实现三级树形菜单
01-18
在这个"Android ExpandableListView双层嵌套实现三级树形菜单"的例子中，我们将深入探讨如何通过扩展这个控件来创建一个包含三层结构的树形菜单。 首先，我们要理解ExpandableListView的基本工作原理。...
实现多层抽屉菜单
04-04
这个案例"实现多层抽屉菜单"，通过源码库MultiCardMenu提供了一个实现这一功能的示例。 MultiCardMenu库的核心是通过动画效果来展现和隐藏各个层级的菜单项，使得用户能够流畅地在不同的菜单层次之间进行切换。这种...
Bootstrap左侧下拉三级菜单导航
11-19
在实际项目中，可能还需要引入Bootstrap的CSS和JS库，以及jQuery（Bootstrap 3需要），以便正确地处理下拉菜单的交互。 在实现过程中，确保所有的Bootstrap类名、数据属性和JavaScript引用都是最新版本的，因为...
非常实用的树形菜单，有数据库表
07-13
java实现的非常实用的树形菜单，有数据库表
无限级树形菜单(Sql数据库)
05-04
无限级树形菜单(Sql数据库) 树型菜单
多层顶级菜单
04-13
多层顶级菜单，并用SetMenu在顶级菜单中切换
3级层级式菜单 css代码
11-23
div+css模式 如何利用css实现简单的三层菜单
多级目录的数据库设计
09-08
多级目录数据库设计方案 在实际工作中，经常碰到需要多级目录的情况，例如设计一个论坛，它的版面是分级的，而且为了灵活扩展，这种分级是没有限制的，也就是说设计者，不限制用户设定多少级目录。
菜单的三级分类查询方法
weixin_43859511的博客
10-27 370
/** * 查出所有分类以及子分类，以树形结构组装 * @return */ @Override public List<CategoryEntity> listWithTree() { // 1. 查出所有分类 List<CategoryEntity> entities = baseMapper.selectList(null); // 2.组装成父子结构 // 2.1 .
多级菜单设计
for_you_tzjz的博客
03-10 2473
UI简介 ​对于做智能车、或需要大量调试的同学来讲，有一个优美实用的人机交互系统是十分关键的。本文提供一种编程思路，方便大家快速编写好属于自己的调参UI。 ​当涉及到少量模式的更改，使用一个按键或者拨动开关是一个不错的选择，但做过调过车的朋友们知道，参数是满天飞，模式是一套接一套，这时没有一个便于扩展的框架也是非常挠头的。 ​下图是我实际使用的一个示意图，本质就是一块OLED屏加上一个IO拓展，一是为了不同的单片机之间的迁移，二是有的单片机IO资源确实非常紧张，再者就是一个IIC解决了如此多的事，岂不快哉！
java递归设置层级菜单
qq_42059717的博客
06-15 465
思路： 先从集合中找出来顶级的菜单，然后遍历顶级菜单，找出每个顶级菜单的所有子菜单，然后判断当前需要排列的集合是否为空，如果不为空的话，就在遍历子菜单的下级菜单，直至没有需要排列的菜单。 使用迭代器，符合条件之后将数据删除们可以减少遍历的次数 package com.eleven; import cn.hutool.core.collection.CollUtil; import cn.hutool.core.util.StrUtil; import lombok.AllArgsConstructo.
mysql中有一个public表,其中通过id和pid确认父子关系,且父子关系有多层.java中如何使用mybatisplus使用LambdaQueryWrapper通过此表构建树形菜单,可以提供示例吗
08-09
4. 在Mapper的XML文件中，实现getTreeNodes方法的SQL查询，查询语句如下： ```sql SELECT id, pid FROM public; ``` 5. 在你的Java代码中，使用MyBatis-Plus的LambdaQueryWrapper来构建树形菜单。相关代码如下：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值