Java工作需求后端代码--实现树形结构

加油,新时代打工人!

前端页面
带树形结构的表格

最近在新项目上加班加点,下面是个实现树形结构的数据表格。

需求:

在前端页面表格中展示成树形结构的数据。

技术:

后端:Java、Mybatis-Plus、HuTool树形的工具类、Mysql

前端:Element UI

表结构

sql 复制代码
categoriyid	int(11)	NO	PRI		auto_increment
categoriycode	int(10)	YES	UNI		
categoriyname	varchar(50)	YES			
categoriyitemid	int(11)	YES			
status	int(2)	YES		0	
createtime	timestamp	YES		CURRENT_TIMESTAMP	DEFAULT_GENERATED
updatetime	timestamp	YES		CURRENT_TIMESTAMP	DEFAULT_GENERATED

HuTool工具类Jar

java 复制代码
<dependency>
    <groupId>cn.hutool</groupId>
    <artifactId>hutool-all</artifactId>
    <version>5.8.16</version>
</dependency>

Java实现类代码,用的Mybatis-plus,sql语句都省了

sql 复制代码
    @Autowired
	private CategoriyDao categoriyDao;
	@Override
	public List<Tree<Object>> getCategoriyList(CategoriyListVo categoriyListVo) {

		//1.没有条件查询所有的,可以根据自己的需求,加上查询条件,如查询状态已启用的
		QueryWrapper<CategoriyListVo> queryWrapper = new QueryWrapper<>();
		List<CategoriyListVo> dataList  = categoriyDao.selectList(queryWrapper);

		//2.配置
		TreeNodeConfig config = new TreeNodeConfig();
		config.setIdKey("id");      //默认id,可以不设置
		config.setParentIdKey("categoriyitemid");    //父id
		config.setNameKey("categoriyname");   //分类名称
		config.setDeep(2);      //最大递归深度
		config.setChildrenKey("children"); //孩子节点

		//3.转树
		List<Tree<Object>> treeList = TreeUtil.build(dataList, "0", config, ((object, treeNode) -> {
			treeNode.setId( object.getCategoriyid().toString());
			treeNode.setParentId(object.getCategoriyitemid().toString());
			treeNode.setName(object.getCategoriyname());
			//扩展字段
			treeNode.putExtra("categoriycode",object.getCategoriycode());//分类编码
			treeNode.putExtra("status",object.getStatus().toString());//状态
		}));
		return treeList;
	}

数据返回

相关推荐
我是咸鱼不闲呀8 小时前
力扣Hot100系列21(Java)——[多维动态规划]总结(不同路径,最小路径和,最长回文子串,最长公共子序列, 编辑距离)
java·leetcode·动态规划
我命由我123458 小时前
Element Plus 2.2.27 的单选框 Radio 组件,选中一个选项后,全部选项都变为选中状态
开发语言·前端·javascript·html·ecmascript·html5·js
lihao lihao8 小时前
二分查找
java·数据结构·算法
Albert Edison8 小时前
【C++11】可变参数模板
java·开发语言·c++
代码栈上的思考8 小时前
消息队列持久化:文件存储设计与实现全解析
java·前端·算法
sg_knight8 小时前
设计模式实战:策略模式(Strategy)
java·开发语言·python·设计模式·重构·架构·策略模式
麦麦鸡腿堡8 小时前
JavaWeb_SpringBootWeb,HTTP协议,Tomcat快速入门
java·开发语言
码云数智-园园8 小时前
前端跨域全解析:核心原理、解决方案选型与实战指南
开发语言
qq_417695058 小时前
内存对齐与缓存友好设计
开发语言·c++·算法