本篇文章是接着Spring Boot 入门（五）：集成 AOP 进行日志管理写的，主要集成了树形图，在部门列表或者权限列表中，树形图经常被用上。主要是根据相应的 API 凭借 html 字符串

1.treetable

  1 <link href="/plugins/treeTable/themes/default/treeTable.css" rel="stylesheet" type="text/css" />
  2 <script src="/plugins/treeTable/jquery.treeTable.min.js" type="text/javascript"></script>
  3 <script type="text/javascript">
  4     $(document).ready(function() {});
  5 </script>
  6     
  7 <div class="row">
  8     <div class="col-xs-12">
  9        <div class="box">
 10          <div class="box-header  with-border">
 11             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 12                 <span aria-hidden="true">&times</span>
 13             </button>
 14            <h3 class="box-title">选择部门</h3>
 15          </div>
 16          <div class="box-body">
 17             <table id="tcXzqh_tab" class="table table-striped table-bordered table-hover">
 18                <thead>
 19                    <tr>
 20                     <th>部门编号</th>
 21                     <th>部门名称</th>
 22                     <th>上级部门编号</th>
 23                     <th>上级部门名称</th>
 24                    </tr>
 25                </thead>
 26                <tbody>
 27                </tbody>
 28            </table>
 29          </div>
 30        </div>
 31     </div>
 32 </div>
 33   
 34 <script>
 35 var tcXzqh_tab;
 36 function loadTcXzqhTable(){
 37 
 38   $.ajax({
 39         url: '/admin/dept/spage',
 40         type: 'post',
 41         dataType: 'json',
 42         success: function (data) {
 43             if(data !=null){
 44                 var html = "";
 45                 for (var int = 0; int < data.resultData.length; int

Spring Boot 入门（六）：集成 treetable 和 zTree 实现树形图

1.treetable