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

该字段具体添加到了 websrcmain esourcesviewsmodulesinterninternNoticeIndex.html(默认的话)文件,可在此查看是否添加成功:

创建菜单

使用intern_notice的代码生成工具创建菜单,注意把链接中的list改为index。 改为 创建完菜单记得刷新并重新启动JeeSite项目。

大功告成

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

经验分享 程序员 微信小程序 职场和发展