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