視圖 · ThinkPHP5權限管理

## 思路一：循環得到數據二：加載 `jquery` , `treeTable`插件相關，并初始化 ## 代碼 ``` <!doctype html> <html> <head> <meta charset="utf-8"> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body>  <table class="table table-hover table-bordered table-list" id="menus-table"> <thead> <tr> <th width="80">排序</th> <th width="50">ID</th> <th>菜單名稱</th> <th>操作</th> <th width="80">狀態</th> <th width="180">操作</th> </tr> </thead> <tbody> {$category} </tbody> </table>   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>  <script src="http://www.ijquery.cn/js/treeTable/treeTable.js"></script> <link href="http://www.ijquery.cn/js/treeTable/treeTable.css" rel="stylesheet">  <script> $(function() { $("#menus-table").treeTable({ expandable: true }); }) </script>  </body> </html> ``` ## 說明如果用 `thinkcmf` 的封裝內容的話，需要這樣加載！ ``` <script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script> <script src="__STATIC__/js/wind.js"></script> <script> $(document).ready(function() { Wind.css('treeTable'); Wind.use('treeTable', function() { $("#menus-table").treeTable({ indent : 20 }); }); }); </script> ```