# 视图
## 代码
```
<!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
- 导出菜单
- 视图
- 控制器
- 排序
- 控制器
- 视图
- 模型