![mark](http://qiniu.newthink.cc/blog/20171016-102317240.png)
## 代码
```
<!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">
<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="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>
<if condition="$vo['id'] eq 1">
<font color="#cccccc">权限设置</font>
<font color="#cccccc">编辑</font>
<font color="#cccccc">删除</font>
<else />
<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>
</if>
</td>
</tr>
</foreach>
</tbody>
</table>
</body>
</html>
```
- 附录
- 逻辑与数据模型
- HTML约定-bootstrap
- HTML约定-LayUI
- 角色管理 role
- 数据表
- 列表
- 控制器
- 视图
- 视图-layui
- 角色添加
- 控制器
- 视图
- 角色添加提交
- 控制器
- 验证
- 角色修改
- 控制器
- 视图
- 角色修改提交
- 控制器
- 角色删除
- 控制器
- 权限设置
- 控制器
- 视图
- 模型
- 权限设置提交
- 用户 user
- 数据表
- 列表
- 控制器
- 视图
- 模型
- 添加
- 控制器
- 视图
- 添加提交
- 控制器
- 验证器
- 编辑
- 控制器
- 视图
- 编辑提交
- 控制器
- 验证器
- 删除
- 停用启用
- 角色用户中间表role_user
- 菜单管理
- 数据表
- 表格折叠列表
- 控制器
- 视图
- 全部列表
- 控制器
- 视图
- 填加
- 控制器
- 视图
- 填加提交
- 控制器
- 验证器
- 编辑
- 控制器
- 视图
- 编辑提交
- 控制器
- 验证器
- 删除
- 控制器
- 视图
- 导入菜单
- 视图
- 控制器
- 特别注意
- annotation
- 导出菜单
- 视图
- 控制器
- 排序
- 控制器
- 视图
- 模型