element ui 左树右表_JeeSite 4.x 实现树结构表（左树右表）

在官方在线文档中找了半天，也没有找到明了的实现左树右表的方法，于是总结在本文当中

---

1 MySql数据库中建立所需表

1.1

CREATE 

1.2

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;

2 使用研发工具中的代码生成工具，生成树表和单表对应的文件

3 修改interNotice的实体类，与树表进行关联、更改变量类型以及get和set方法

/**

4 创建一个internNoticeIndex.html文件

<% layout('/layouts/default.html', {title: '类别管理', libs: ['layout','zTree']}){ %>

5 在internNoticeController中增加一个index方法，同时修改listData和form方法

/**

6 在internNoticeForm中修改对应表单项为treeselect组件，同时添加noticeTypeName和noticeTypeCode的设置

<% layout('/layouts/default.html', {title: 'intern_notice管理', libs: ['validate']}){ %>

7 效果