## 代碼
```
<!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 method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('menu/addPost')}">
<div class="form-group">
<label for="input-parent_id" class="col-sm-2 control-label"><span class="form-required">*</span>上級</label>
<div class="col-md-6 col-sm-10">
<select class="form-control" name="parent_id" id="input-parent_id">
<option value="0">作為一級菜單</option>{$select_category}
</select>
</div>
</div>
<div class="form-group">
<label for="input-name" class="col-sm-2 control-label"><span class="form-required">*</span>名稱</label>
<div class="col-md-6 col-sm-10">
<input type="text" class="form-control" id="input-name" name="name">
</div>
</div>
<div class="form-group">
<label for="input-app" class="col-sm-2 control-label"><span class="form-required">*</span>應用</label>
<div class="col-md-6 col-sm-10">
<input type="text" class="form-control" id="input-app" name="app">
</div>
</div>
<div class="form-group">
<label for="input-controller" class="col-sm-2 control-label"><span class="form-required">*</span>控制器</label>
<div class="col-md-6 col-sm-10">
<input type="text" class="form-control" id="input-controller" name="controller">
</div>
</div>
<div class="form-group">
<label for="input-action" class="col-sm-2 control-label"><span class="form-required">*</span>方法</label>
<div class="col-md-6 col-sm-10">
<input type="text" class="form-control" id="input-action" name="action">
</div>
</div>
<div class="form-group">
<label for="input-param" class="col-sm-2 control-label">參數</label>
<div class="col-md-6 col-sm-10">
<input type="text" class="form-control" id="input-param" name="param">
<p class="help-block">例:id=3&p=3</p>
</div>
</div>
<div class="form-group">
<label for="input-icon" class="col-sm-2 control-label">圖標</label>
<div class="col-md-6 col-sm-10">
<input type="text" class="form-control" id="input-icon" name="icon">
<p class="help-block">
<a href="http://www.thinkcmf.com/font/icons" target="_blank">選擇圖標</a> 不帶前綴fa-,如fa-user => user
</p>
</div>
</div>
<div class="form-group">
<label for="input-remark" class="col-sm-2 control-label">備注</label>
<div class="col-md-6 col-sm-10">
<textarea class="form-control" id="input-remark" name="remark"></textarea>
</div>
</div>
<div class="form-group">
<label for="input-status" class="col-sm-2 control-label">狀態</label>
<div class="col-md-6 col-sm-10" id="input-status">
<select class="form-control" name="status">
<option value="1">在左側菜單顯示</option>
<option value="0">在左側菜單隱藏</option>
</select>
</div>
</div>
<div class="form-group">
<label for="input-type" class="col-sm-2 control-label">類型</label>
<div class="col-md-6 col-sm-10">
<select class="form-control" name="type" id="input-type">
<option value="1">有界面可訪問菜單</option>
<option value="2">無界面可訪問菜單</option>
<option value="0">只作為菜單</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary js-ajax-submit">填加</button>
</div>
</div>
</form>
<!--中間內容/end-->
</body>
</html>
```
- 附錄
- 邏輯與數據模型
- HTML約定-bootstrap
- HTML約定-LayUI
- 角色管理 role
- 數據表
- 列表
- 控制器
- 視圖
- 視圖-layui
- 角色添加
- 控制器
- 視圖
- 角色添加提交
- 控制器
- 驗證
- 角色修改
- 控制器
- 視圖
- 角色修改提交
- 控制器
- 角色刪除
- 控制器
- 權限設置
- 控制器
- 視圖
- 模型
- 權限設置提交
- 用戶 user
- 數據表
- 列表
- 控制器
- 視圖
- 模型
- 添加
- 控制器
- 視圖
- 添加提交
- 控制器
- 驗證器
- 編輯
- 控制器
- 視圖
- 編輯提交
- 控制器
- 驗證器
- 刪除
- 停用啟用
- 角色用戶中間表role_user
- 菜單管理
- 數據表
- 表格折疊列表
- 控制器
- 視圖
- 全部列表
- 控制器
- 視圖
- 填加
- 控制器
- 視圖
- 填加提交
- 控制器
- 驗證器
- 編輯
- 控制器
- 視圖
- 編輯提交
- 控制器
- 驗證器
- 刪除
- 控制器
- 視圖
- 導入菜單
- 視圖
- 控制器
- 特別注意
- annotation
- 導出菜單
- 視圖
- 控制器
- 排序
- 控制器
- 視圖
- 模型