JSP实现树形菜单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSP实现树形菜单相关的知识,希望对你有一定的参考价值。

前辈们~ 我想做个树形菜单 希望前辈们指点
首先树形菜单
父节点 和子节点是从数据库里面读取的

父节点是 (商品类型如:香烟)表1
子节点是(商品名称如:中华)表2

怎么实现呢?希望给个代码 如果具有我在追加100
必须是两张表 1个大类型 1个小类型 我用的 是SQL2005

参考技术A 1.你的设计有点不合理
2.不知道用什么数据库

建议:使用dtree或者xloadtree 这两个是最常用的树形组件.
把表结构换成一张表,加个字段父id.
ID 名字 父ID
1 香烟 0
2 中华 1
3 中南海 1
4 酒 0
5 茅台 4
6 小茅台 5

如果数据库是oracle的话,直接使用递归查询
如果是其他数据库,建议使用 xloadtree,点击一下,会动态刷出子节点.ajax效果.

--------------------------------补充
那就推荐你用ajax的树.
刚开始的时候只需要大类型
id name
1 烟
2 酒

小类表
id name pid
1 中华 1
2 中南海 1
3 茅台 2

取大类直接查.生成树之后
每点击一下容然后去查小类

比如点击烟 把烟的id传到后台id=1

然后查小类 select *from XXX where pid=1
那么所有的小类就都出来了.本回答被提问者采纳
参考技术B 对于树形类型的菜单,可以写到一张表中,通过查询得出动态的哦 参考技术C 只是简单的显示出来么?还是说对每个节点的点击事件都要处理,或者外观上还有要求?

实现树形菜单或分类的方法之一,使用左右值树形数据结构(modified preorder tree traversal)实现树形菜单

突然发现自己以前常用的parent_id ,node_id这种简单直观的树形结构设计效率很低,数据量一大,就需要不停迭代寻找节点,于是这几天学习了新的数据结构(modified preorder tree traversal),在此做下笔记。

此数据结构的好处是查询非常快,当网站查询树形数据比修改多时使用此结构会比较好,一般用于电商网站的商品分类,查询仅仅需要判断left> ? right <?这样即可,缺点是修改节点表数据量大时很慢,而且操作复杂一点。

左右值数据结构网上教程很多,不再赘述,总结一下就是:要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 。

直接上代码,上面有注释 ,说明了如何找子节点,如何找父节点、删除节点,同级平移,兄弟节点前插入等(基于postgreSQL数据库)。

 

表字段

CREATE TABLE "public"."t_test" (
  "id" int4 NOT NULL DEFAULT nextval('"T_TEST_ID_seq"'::regclass),
  "name" varchar(255) COLLATE "pg_catalog"."default",
  "l" int4,
  "r" int4,
  "level" int4,
  "other" varchar(255) COLLATE "pg_catalog"."default",
  "status" int2 DEFAULT 0,
  PRIMARY KEY ("id")
)
;

查询节点SQL

如下,比如点击一个节点要查询下面所有子节点时的查询方法:

--查询节点
--查询节点下全部子孙菜单不包括自身菜单 (查询“根菜单下的所有子节点”),子查询中id=1表示查询该父节点的left值和right值
SELECT * FROM t_test WHERE l > (SELECT l  from t_test where id = 1) AND r < (SELECT r  from t_test where id = 1);

--查询子孙总数=(右值-左值-1)/2 

--查询某一节点的全部父祖节点
SELECT * FROM t_test WHERE l <(SELECT l  from t_test where id = 4) AND r > (SELECT r  from t_test where id = 4) order by l;

--判断某一节点是否是指定节点的字节点,判断条件是 子节点的Left > 父节点left , 子节点right < 父节点Right
--8 > 3 AND 9 <4 = false
--判断是否是指定节点的父节点同理,子节点的Left < 父节点left , 子节点right > 父节点Right

 

插入节点 

values(里的参数分别是id,节点名称,left值,right值,level节点层级,说明)

第一条SQL插入的是根节点,因此是0

--ROOT  首先插入根节点,values中的1仅仅是自增id,没有其它意义 
INSERT INTO T_TEST VALUES(1,'根菜单',1,2,0,'');

然后插入二级节点,节点插入时要重新计算受影响节点的左右值,所以可以看到有两条UPDATE语句


----------------以下是插入二级节点-----------------
--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 1;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;

--二级菜单,level = 父结点level+1 = 1,ID = PARENT ID +1 = 2
--重点,LEFT和RIGHT变量并不是二叉树的左结点和右结点ID值,仅仅是一个顺序标识,left = parent 
----  left,right = parent right +1=3
INSERT INTO T_TEST VALUES(2,'计算机中心',parent_right,parent_right+1,1,
'我是二级菜单');

上面的INSERT语句中左节点为父节点的right值,右节点为父节点的right值+1,由于是二级菜单,因此level值是1 

 

删除节点

以下是删除ID=4下面的所有子节点

--删除节点
--删除ID=4节点下的所有子节点,查出父节点的right值 
SELECT l,r INTO parent_left,parent_right from t_test where id = 4;
--LEFT比父节点值大 且right比父节点值小,则表示是它的子节点,删除子节点
delete from t_test where l >=parent_left and r <=parent_right;
--修改受影响节点的值,left > 父节点left right > 父节点right,也就是修改其所有父节点的左右值
update t_test set l=l-(parent_right - parent_left + 1) where l > parent_left;
update t_test set r=r-(parent_right - parent_left + 1) where r > parent_right;

两条UPDATE语句的作用是重新计算受影响的节点值,左右节点的麻烦之处就在这,有一个节点变动,多数节点的左右值都需要重新计算。

 

移动节点

将id=10的节点移动到id=12的节点下面,使用成为id=12的子节点


--移动节点思路一,同节点平移可以直接交换左右值即可(应使用这个)
--节点同等级后移,id=12是移动到其节点后的目标节点
 SELECT l, r into target_left,target_right FROM t_test WHERE  id = 12;
 --要移动的节点 
SELECT l,r into source_left,source_right from t_test where id = 10;
--移动节点  
UPDATE T_TEST SET l=target_left,r=target_right WHERE id=10;
UPDATE T_TEST SET l=source_left,r=source_right WHERE id=12;

节点的移动其实就是修改它的左右值

 

 

代码合集

以下是代码合集,比较乱,有耐心的可以看

CREATE OR REPLACE FUNCTION "public"."addNode"()
  RETURNS "pg_catalog"."void" AS $BODY$
	-- Routine body goes here...
DECLARE
--此方法为测试方法,可删除
parent_right integer;
parent_left integer;
--移动节点所用变量
count_level integer;
effect_value integer;
effect_left integer;
effect_right integer;
target_position integer;
--有很多用不上的变量
source_value integer;
source_left integer;
source_right integer;
target_left integer;
target_right integer;
position_temp integer;
source_ids integer;
my_cursor REFCURSOR;

--要移动的节点ID
source_id_v integer;
--移动到目标节点的ID
target_id_v integer;
BEGIN
--clear 
delete from t_test;

--ROOT
INSERT INTO T_TEST VALUES(1,'根菜单',1,2,0,'');

--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 1;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;

--二级菜单,level = 父结点level+1 = 1,ID = PARENT ID +1 = 2
--重点,LEFT和RIGHT并不是二叉树的左结点和右结点ID值,仅仅是一个顺序标识,left = parent left,right = parent right +1=3
INSERT INTO T_TEST VALUES(2,'计算机中心',parent_right,parent_right+1,1,
'三级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 2;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
INSERT INTO T_TEST VALUES(3,'设备管理',parent_right,parent_right+1,2,
'三级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 2;
--计算受影响结点的左右值  
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
INSERT INTO T_TEST VALUES(4,'微信管理',parent_right,parent_right+1,2,
'三级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 4;
--计算受影响结点的左右值  
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
INSERT INTO T_TEST VALUES(5,'服务号',parent_right,parent_right+1,3,
'四级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 4;
--计算受影响结点的左右值  
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
INSERT INTO T_TEST VALUES(6,'企业号',parent_right,parent_right+1,3,
'四级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 1;
--计算受影响结点的左右值  
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
INSERT INTO T_TEST VALUES(7,'行政中心',parent_right,parent_right+1,1,
'二级菜单');



--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 7;
--计算受影响结点的左右值  
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
INSERT INTO T_TEST VALUES(8,'车辆管理',parent_right,parent_right+1,2,
'三级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 1;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
INSERT INTO T_TEST VALUES(9,'人力资源',parent_right,parent_right+1,1,
'二级菜单');



--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 9;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
INSERT INTO T_TEST VALUES(10,'组织结构',parent_right,parent_right+1,2,
'二级菜单');


--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 9;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
INSERT INTO T_TEST VALUES(11,'员工档案',parent_right,parent_right+1,2,
'二级菜单');

--查出父节点的right值 
SELECT r INTO parent_right from t_test where id = 9;
--计算受影响结点的左右值 ,要保持父节点右值比所有子节点的右值大,左节点左值比所有子结点左值小 
UPDATE T_TEST SET l=l+2 WHERE l >= parent_right;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_right;
INSERT INTO T_TEST VALUES(12,'合同管理',parent_right,parent_right+1,2,
'二级菜单');

--在设备管理前面添加一个节点作为其兄弟节点
--查出兄弟节点的right值 
SELECT l,r INTO parent_left,parent_right from t_test where id = 3;
--计算受影响结点的左右值  
UPDATE T_TEST SET l=l+2 WHERE l >= parent_left;
UPDATE T_TEST SET r=r+2 WHERE r >= parent_left;
INSERT INTO T_TEST VALUES(13,'设备管理前的兄弟节点',parent_left,parent_right,2,'我是新加入的兄弟节点');


--删除节点
--删除ID=4节点下的所有子节点,查出父节点的right值 
SELECT l,r INTO parent_left,parent_right from t_test where id = 4;
--LEFT比父节点值大 且right比父节点值小,则表示是它的字节点,删除子节点
--delete from t_test where l >=parent_left and r <=parent_right;
--修改受影响节点的值,left > 父节点left right > 父节点right,也就是修改其所有父节点的左右值
--update t_test set l=l-(parent_right - parent_left + 1) where l > parent_left;
--update t_test set r=r-(parent_right - parent_left + 1) where r > parent_right;

--查询节点
--查询节点下全部子孙菜单不包括自身菜单 (查询“根菜单下的所有子节点”),子查询中id=1表示查询该父节点的left值和right值
--SELECT * FROM t_test WHERE l > (SELECT l  from t_test where id = 1) AND r < (SELECT r  from t_test where id = 1);

--查询子孙总数=(右值-左值-1)/2 

--查询某一节点的全部父祖节点
 --SELECT * FROM t_test WHERE l <(SELECT l  from t_test where id = 4) AND r > (SELECT r  from t_test where id = 4) order by l;

--判断某一节点是否是指定节点的字节点,判断条件是 子节点的Left > 父节点left , 子节点right < 父节点Right
--8 > 3 AND 9 <4 = false
--判断是否是指定节点的父节点同理,子节点的Left < 父节点left , 子节点right > 父节点Right

 
--移动节点,此移动方式操作多余
SELECT l, r into target_left,target_right FROM t_test WHERE  id = 10;
--要移动的节点
SELECT l,r into source_left,source_right from t_test where id = 12;
UPDATE T_TEST SET l=l+2,r=r+2 WHERE l >= target_left and r <= source_right;
--UPDATE T_TEST SET r=r+2 WHERE ;
--移动节点 ,将合同管理移动到组织结构前面
UPDATE T_TEST SET l=target_left,r=target_right WHERE id=12;

 
--移动节点思路一,同节点平移可以直接交换左右值即可(应使用这个)
--节点同等级后移,id=11是移动到其节点后的目标节点
 SELECT l, r into target_left,target_right FROM t_test WHERE  id = 12;
 --要移动的节点 
SELECT l,r into source_left,source_right from t_test where id = 10;
--移动节点  
UPDATE T_TEST SET l=target_left,r=target_right WHERE id=10;
UPDATE T_TEST SET l=source_left,r=source_right WHERE id=12;

	RETURN; 
END$BODY$
  LANGUAGE plpgsql VOLATILE
  COST 100

 

整理后的版本:https://reiner.host/posts/9340b114.html

以上是关于JSP实现树形菜单的主要内容,如果未能解决你的问题,请参考以下文章

jquery做树形菜单后 怎么让树形菜单点击就页面跳转

jstl处理递归问题+jquery,tree无限级树形菜单+简单实用案例

用javascript 树形菜单(可拖动效果)

实现树形菜单或分类的方法之一,使用左右值树形数据结构(modified preorder tree traversal)实现树形菜单

实现树形菜单或分类的方法之一,使用左右值树形数据结构(modified preorder tree traversal)实现树形菜单

如何用Java实现树形结构啊?