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。 新手小白,如有错误还请大佬指正。