找人帮忙做网站,建设工程网教育网官网,wordpress招聘主题,网站建设存在风险加油#xff0c;新时代打工人#xff01; 前端页面 带树形结构的表格
最近在新项目上加班加点#xff0c;下面是个实现树形结构的数据表格。 需求#xff1a; 在前端页面表格中展示成树形结构的数据。 技术#xff1a; 后端#xff1a;Java、Mybatis-Plus、HuTool树形的… 加油新时代打工人 前端页面 带树形结构的表格
最近在新项目上加班加点下面是个实现树形结构的数据表格。 需求 在前端页面表格中展示成树形结构的数据。 技术 后端Java、Mybatis-Plus、HuTool树形的工具类、Mysql 前端Element UI 表结构
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_GENERATEDHuTool工具类Jar
dependencygroupIdcn.hutool/groupIdartifactIdhutool-all/artifactIdversion5.8.16/version
/dependencyJava实现类代码用的Mybatis-plussql语句都省了 Autowiredprivate CategoriyDao categoriyDao;Overridepublic ListTreeObject getCategoriyList(CategoriyListVo categoriyListVo) {//1.没有条件查询所有的可以根据自己的需求加上查询条件如查询状态已启用的QueryWrapperCategoriyListVo queryWrapper new QueryWrapper();ListCategoriyListVo dataList categoriyDao.selectList(queryWrapper);//2.配置TreeNodeConfig config new TreeNodeConfig();config.setIdKey(id); //默认id可以不设置config.setParentIdKey(categoriyitemid); //父idconfig.setNameKey(categoriyname); //分类名称config.setDeep(2); //最大递归深度config.setChildrenKey(children); //孩子节点//3.转树ListTreeObject 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;}数据返回
