abstract：layui的登录管理界面实现了模块化搭建，就想积木拼搭而成{layout name="public/layout"}<div style="margin: auto;width: 1100px;"> <span style="margin-left:450px;font-size: 30px"&
layui的登录管理界面实现了模块化搭建，就想积木拼搭而成
{layout name="public/layout"}
<div style="margin: auto;width: 1100px;">
<span style="margin-left:450px;font-size: 30px">菜单列表</span>
<form action="" class="layui-form">
{if condition="$pid>0"}
<button class="layui-btn layui-btn-sm" style="float: right;margin-top: 15px;"
onclick="back({$backid});return false;">返回上级
</button>
{/if}
<input type="hidden" name="pid" id="pid" value="{$pid}">
<table class="layui-table">
<colgroup>
<col width="150">
<col width="200">
<col>
</colgroup>
<thead>
<tr>
<th>菜单id</th>
<th>排序</th>
<th>标题</th>
<th>控制器名</th>
<th>方法名</th>
<th>隐藏</th>
<th>禁用</th>
<th>子菜单</th>
</tr>
</thead>
<tbody>
{volist name="$datas" id="vo"}
<tr>
<td>{$vo.mid}</td>
<td><input type="text" class="layui-input" value="{$vo.ord}" name="ords[{$vo.mid}]"></td>
<td><input type="text" class="layui-input" value="{$vo.title}" name="titles[{$vo.mid}]"></td>
<td><input type="text" class="layui-input" value="{$vo.controller}" name="controllers[{$vo.mid}]"></td>
<td><input type="text" class="layui-input" value="{$vo.method}" name="methods[{$vo.mid}]"></td>
<td><input type="checkbox" lay-skin="primary" name="ishiddens[{$vo.mid}]" {$vo.ishidden?'checked':''}
value=1>
</td>
<td><input type="checkbox" lay-skin="primary" name="status[{$vo.mid}]" {$vo.status?'checked':''}
value=1>
</td>
<td>
{if condition="$pid==0"}
<button class="layui-btn layui-btn-sm" onclick="child({$vo.mid});return false;">子菜单</button>
</td>
{/if}
</tr>
{/volist}
<tr>
<td>新增菜单</td>
<td><input type="text" class="layui-input" name="ords[0]"></td>
<td><input type="text" class="layui-input" name="titles[0]"></td>
<td><input type="text" class="layui-input" name="controllers[0]"></td>
<td><input type="text" class="layui-input" name="methods[0]"></td>
<td><input type="checkbox" lay-skin="primary" name="ishiddens[0]" value="1">
</td>
<td><input type="checkbox" lay-skin="primary" name="status[0]" value="1">
</td>
<td></td>
</tr>
</tbody>
</table>
<div style="padding-left:45%;">
<button class="layui-btn" onclick="save();return false;">保存</button>
</div>
</form>
</div>
<script>
function save() {
$.post('/index.php/admin/Menu/menu', $('form').serialize(), function (res) {
res = $.parseJSON(res);
if (res.code > 0) {
layer.alert(res.msg, {'icon': 2});
} else {
layer.msg(res.msg, {'icon': 1});
setTimeout(function () {
window.location.reload();
}, 1000);
}
}, 'json');
}
function child(pid) {
window.location.href = "/index.php/admin/Menu/menuIndex?pid=" + pid;
}
function back(backid) {
console.log({$backid});
window.location.href = "/index.php/admin/Menu/menuIndex?pid=" + backid;
}
</script>
Correcting teacher：天蓬老师Correction time：2019-04-27 17:33:23
Teacher's summary：layui是近几年在国内比较流行的一个前端框架, 主要用来后台开发, 当然也可以用来写前台, 不过, 现在有商业化的趋势, 有些功能开始收费了, 要留意