JeeSite4.0.1+实现左树右表

JeeSite4.0.1+实现左树右表

最近刚开始接触JeeSIte框架，需要做一个左树右表的页面，类似下图的用户管理。

JeeSite在4.0.1版本（官方文档这么说，但本人只测试了4.3版本并没有，4.5才有的）后添加了左树右表的代码生成模板，但官方文档没有清晰的使用说明，网上的教程也多是旧版JeeSite使用的jsp版本的。在此做一个示例，供大家参考。
本文直接使用JeeSite自带的左树右表风格，参考前请确认自己的JeeSite版本中代码生成工具有左树右表风格选项（如下图），没有的话可以升级版本，演示版本为JeeSite4.5。

创建数据库表

使用以下代码分别创建单表和一个树表

CREATE TABLE `intern_notice` (
  `id` varchar(32) NOT NULL COMMENT 'id主键',
  `name` varchar(100) DEFAULT NULL COMMENT '名称',
  `notice_type` varchar(30) DEFAULT '0' COMMENT '类型',
  `content` text COMMENT '内容',
  `status` char(1) NOT NULL DEFAULT '0' COMMENT '状态（0正常 1删除 2停用）',
  `create_by` varchar(64) DEFAULT NULL,
  `create_date` datetime DEFAULT NULL,
  `update_by` varchar(64) DEFAULT NULL,
  `update_date` datetime DEFAULT NULL,
  `remarks` varchar(2000) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

CREATE TABLE `intern_notice_tree` (
  `tree_code` varchar(64) NOT NULL COMMENT '节点编码',
  `parent_code` varchar(64) NOT NULL COMMENT '父级编号',
  `parent_codes` varchar(1000) NOT NULL COMMENT '所有父级编号',
  `tree_sort` decimal(10,0) NOT NULL COMMENT '本级排序号（升序）',
  `tree_sorts` varchar(1000) NOT NULL COMMENT '所有级别排序号',
  `tree_leaf` char(1) NOT NULL COMMENT '是否最末级',
  `tree_level` decimal(4,0) NOT NULL COMMENT '层次级别',
  `tree_names` varchar(1000) NOT NULL COMMENT '全节点名',
  `tree_name` varchar(200) NOT NULL COMMENT '节点名称',
  `status` char(1) NOT NULL DEFAULT '0' COMMENT '状态（0正常 1删除 2停用）',
  `create_by` varchar(64) NOT NULL COMMENT '创建者',
  `create_date` datetime NOT NULL COMMENT '创建时间',
  `update_by` varchar(64) NOT NULL COMMENT '更新者',
  `update_date` datetime NOT NULL COMMENT '更新时间',
  `remarks` varchar(500) DEFAULT NULL COMMENT '备注信息',
  PRIMARY KEY (`tree_code`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

添加代码生成工具

基本信息，字段信息默认。生成信息中Intern_notice使用单表/主子表（增删改查），inter_notice_tree使用树表/树结构表（增删改查），注意配置树编码和显示名称字段，其他信息可直接默认。

编辑左树右表的接口地址和外键

进入代码生成工具点击intern_notice的编辑，在生成信息中填入左树的接口地址和树表的外键名称。勾选替换，点击保存并生成代码。

/intern/internNoticeTree/treeData	
noticeType

该字段具体添加到了 web\src\main\resources\views\modules\intern\internNoticeIndex.html（默认的话）文件，可在此查看是否添加成功：

创建菜单

使用intern_notice的代码生成工具创建菜单，注意把链接中的list改为index。

改为

创建完菜单记得刷新并重新启动JeeSite项目。

大功告成

数据库中添加数据，页面如下。

过程中出现错误试试每次保存后到项目里刷新再重启，或者maven clean + maven install。
新手小白，如有错误还请大佬指正。