tree组件的使用
静态的数据导入很简单,这里就不细说了
效果
今天的重点是动态从数据库得到json格式的数据,然后实现一个动态树。下图的左边是实现之后的效果:
昨天我有写一个博客细讲思路和后台代码,也可以去借鉴
文章链接
这里贴一个大概的思维导图
实现
这里用到的数据库表,是一个叫t_easyui_menu的表,sql文件如下:
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('059CB9B033C247A1AD4B3F0E78C0ED55', '004003003', '用户权限管理', 'jsp/userManage.jsp', '004003', NULL, '004003003', 'Y', '1', '2017/10/28', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('0AAADCF1F3884271A5C42EE845F47317', '003001002', '升学学费', 'jsp/finance/higherGrade', '003001', NULL, '003001002', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('131DDC09EDF549FE839DE571F6C2957D', '003003', '住宿费', NULL, '003', NULL, '003003', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('1C63DA57E65243F184D6789A88E137B9', '004', '统一配置', NULL, '000', NULL, '004', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('1F560F60BAFA488B9D95E793226A1CE7', '002004', '宿舍日常报销', NULL, '002', NULL, '002004', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('20137C05907C42C7B488F9208E6FDDFE', '002', '后勤管理', NULL, '000', NULL, '002', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('269D9A1546E44A438AEA0513DFFA8D86', '004004', '人员管理', NULL, '004', NULL, '004004', 'Y', '1', '2017/10/29', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('365C214ED29841E0900BA7D0EECEE4FE', '004004001', '角色维护', 'jsp/config/userManage/roleInfo', '004004', NULL, '004004001', 'Y', '1', '2017/10/29', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('391B22000A874FF7B27298E3B4AC1487', '002004002', '大件购置', 'jsp/support/largeThingInfo', '002004', NULL, '002004002', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo`, `menuid`, `menuname`, `menuURL`, `parentid`, `iconcls`, `authid`, `showflag`, `displayno`, `operatime`, `operator`, `mark`, `Extend1`, `Extend2`, `Extend3`, `Extend4`, `Extend5`)
VALUES
('425CA8235A894573B65BA269D5550AF6', '001005', '就业信息', 'jsp/student/employmentInfo', '001', NULL, '001005', 'Y', '1', '2017/10/27', '0001', NULL, NULL, NULL, NULL, NULL, NULL);
INSERT INTO t_easyui_menu
(`serialNo&#