## 代碼
```
<!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>
<!--中間內容/start-->
<form class="form-horizontal js-ajax-form" action="{:url('menu/listorders')}" method="post">
<div class="table-actions">
<a class="btn btn-primary btn-sm js-ajax-dialog-btn" href="{:url('menu/exportAppMenuDefaultLang')}" data-msg="您確定生成菜單多語言包嗎?請確保應用目錄下lang目錄可寫!">生成菜單多語言包</a>
<a class="btn btn-warning btn-sm" href="{:url('menu/getactions')}">導入新菜單</a>
</div>
<div class="alert alert-warning" style="margin: 0 0 5px 0;">
請在開發人員指導下進行以上操作!
</div>
<table class="table table-hover table-bordered table-list">
<thead>
<tr>
<th width="50">ID</th>
<th>菜單英文名稱</th>
<th width="50">狀態</th>
<th width="90">管理操作</th>
</tr>
</thead>
<foreach name="menus" item="vo">
<tr>
<td>{$vo.id}</td>
<td>{$vo.name}:{$vo.app}/{$vo.controller}/{$vo.action}</td>
<td>
<if condition="$vo['status'] eq 1">
顯示
<else />
隱藏
</if>
</td>
<td>
<a href="{:url('menu/edit',array('id'=>$vo['id']))}">編輯</a>
<a class="js-ajax-delete" href="{:url('menu/delete',array('id'=>$vo['id']))}">刪除</a>
</td>
</tr>
</foreach>
<tfoot>
<tr>
<th width="50">ID</th>
<th>菜單英文名稱</th>
<th width="40">狀態</th>
<th width="80">管理操作</th>
</tr>
</tfoot>
</table>
</form>
<!--中間內容/end-->
</body>
</html>
```
- 附錄
- 邏輯與數據模型
- HTML約定-bootstrap
- HTML約定-LayUI
- 角色管理 role
- 數據表
- 列表
- 控制器
- 視圖
- 視圖-layui
- 角色添加
- 控制器
- 視圖
- 角色添加提交
- 控制器
- 驗證
- 角色修改
- 控制器
- 視圖
- 角色修改提交
- 控制器
- 角色刪除
- 控制器
- 權限設置
- 控制器
- 視圖
- 模型
- 權限設置提交
- 用戶 user
- 數據表
- 列表
- 控制器
- 視圖
- 模型
- 添加
- 控制器
- 視圖
- 添加提交
- 控制器
- 驗證器
- 編輯
- 控制器
- 視圖
- 編輯提交
- 控制器
- 驗證器
- 刪除
- 停用啟用
- 角色用戶中間表role_user
- 菜單管理
- 數據表
- 表格折疊列表
- 控制器
- 視圖
- 全部列表
- 控制器
- 視圖
- 填加
- 控制器
- 視圖
- 填加提交
- 控制器
- 驗證器
- 編輯
- 控制器
- 視圖
- 編輯提交
- 控制器
- 驗證器
- 刪除
- 控制器
- 視圖
- 導入菜單
- 視圖
- 控制器
- 特別注意
- annotation
- 導出菜單
- 視圖
- 控制器
- 排序
- 控制器
- 視圖
- 模型