## 代碼
```
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="http://www.ijquery.cn/ui/layui/layui-v2.1.5/css/layui.css" rel="stylesheet">
</head>
<body style="padding: 15px;">
<!--中間內容/start-->
<table class="layui-table">
<thead>
<tr>
<th width="40">ID</th>
<th align="left">角色名稱</th>
<th align="left">角色描述</th>
<th width="60" align="left">狀態</th>
<th width="160">操作</th>
</tr>
</thead>
<tbody>
<foreach name="agent_roles" item="vo">
<tr>
<td>{$vo.id}</td>
<td>{$vo.name}</td>
<td>{$vo.remark}</td>
<td>
<if condition="$vo['status'] eq 1">
<font color="red">√</font>
<else/>
<font color="red">╳</font>
</if>
</td>
<td>
<a href="{:url('Rbac/authorize',array('id'=>$vo['id']))}">權限設置</a>
<a href="{:url('Rbac/roleedit',array('id'=>$vo['id']))}">編輯</a>
<a class="js-ajax-delete" href="{:url('Rbac/roledelete',array('id'=>$vo['id']))}">刪除</a>
</td>
</tr>
</foreach>
</tbody>
</table>
<!--中間內容/end-->
<script src="http://www.ijquery.cn/ui/layui/layui-v2.1.5/layui.js"></script>
<script>
layui.use(['laydate','form', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'],function(){
var laydate = layui.laydate //日期
,form = layui.form //分頁
,laypage = layui.laypage //分頁
,layer = layui.layer //彈層
,table = layui.table //表格
,carousel = layui.carousel //輪播
,upload = layui.upload //上傳
,element = layui.element; //元素操作
});
</script>
</body>
</html>
```
- 附錄
- 邏輯與數據模型
- HTML約定-bootstrap
- HTML約定-LayUI
- 角色管理 role
- 數據表
- 列表
- 控制器
- 視圖
- 視圖-layui
- 角色添加
- 控制器
- 視圖
- 角色添加提交
- 控制器
- 驗證
- 角色修改
- 控制器
- 視圖
- 角色修改提交
- 控制器
- 角色刪除
- 控制器
- 權限設置
- 控制器
- 視圖
- 模型
- 權限設置提交
- 用戶 user
- 數據表
- 列表
- 控制器
- 視圖
- 模型
- 添加
- 控制器
- 視圖
- 添加提交
- 控制器
- 驗證器
- 編輯
- 控制器
- 視圖
- 編輯提交
- 控制器
- 驗證器
- 刪除
- 停用啟用
- 角色用戶中間表role_user
- 菜單管理
- 數據表
- 表格折疊列表
- 控制器
- 視圖
- 全部列表
- 控制器
- 視圖
- 填加
- 控制器
- 視圖
- 填加提交
- 控制器
- 驗證器
- 編輯
- 控制器
- 視圖
- 編輯提交
- 控制器
- 驗證器
- 刪除
- 控制器
- 視圖
- 導入菜單
- 視圖
- 控制器
- 特別注意
- annotation
- 導出菜單
- 視圖
- 控制器
- 排序
- 控制器
- 視圖
- 模型