菜单的添加编辑
<!doctype html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="/static/plugins/layui/css/layui.css">
<script type="text/javascript" src="/static/plugins/layui/layui.js"></script>
</head>
<body style="padding:10px;">
<form class="layui-form">
<!-- 上级菜单的mid，作为隐藏项目提交到后台，当前菜单的pid-->
<input type="hidden" name="pid" value="{$parent_menu.mid}">
<!-- 当前菜单的id-->
<input type="hidden" name="mid" value="{$menu.mid}"
<!-- //菜单名称-->
<?php if($parent_menu){?>
<div class="layui-form-item">
<label class="layui-form-label"><span style="color:darkgreen;">上级菜单</span></label>
<div class="layui-input-inline">
<!-- 如果输出id大于0，编辑页面，则将输入框设置为readonly，只读-->
<input type="text" class="layui-input" disabled="true" style="color:darkgreen;" value="{$parent_menu.title}">
</div>
</div>
<?php }?>
<div class="layui-form-item">
<label class="layui-form-label">菜单名称</label>
<div class="layui-input-inline">
<!-- 如果输出id大于0，编辑页面，则将输入框设置为readonly，只读-->
<input type="text" class="layui-input" name="title" value="{$menu.title}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="ord" value="{$menu.ord}">
</div>
</div>
<!-- //控制器-->
<div class="layui-form-item">
<label class="layui-form-label">控制器</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="controller" value="{$menu.controller}">
</div>
</div>
<!-- //方法-->
<div class="layui-form-item">
<label class="layui-form-label">方法</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="method" value="{$menu.method}">
</div>
</div>
<!-- //菜单状态-->
<div class="layui-form-item">
<label class="layui-form-label">菜单状态</label>
<div class="layui-input-inline">
<input type="checkbox" name="ishidden" lay-skin="primary" title="是否隐藏" value="1" {$menu.ishidden==1?'checked':''}>
<input type="checkbox" name="status" lay-skin="primary" title="是否禁用" value="1" {$menu.status==1?'checked':''}>
</div>
</div>
</form>
<!--//保存按钮-->
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" onclick="save()">保存</button>
</div>
</div>
</body>
</html>
<script type="text/javascript">
//加载layui的弹窗组件和form组件
layui.use(['layer','form'],function(){
var form = layui.form;
layer = layui.layer;
$ = layui.jquery;
});
function save(){
var pid = parseInt($('input[name="pid"]').val());//解析一个字符串，返回一个整数
var title = $.trim($('input[name="title"]').val());//标题名称
var controller = $.trim($('input[name="controller"]').val());//定位到控制器
var method = $.trim($('input[name="method"]').val());//访问什么方法
//默认排序0、显示、正常
if(title==''){
layer.alert('请输入菜单名称',{'icon':2});
return;
}
if(pid>0 && controller==''){
layer.alert('请输入控制器名称',{'icon':2});
return;
}
if(pid>0 && method==''){
layer.alert('请输入方法名称',{'icon':2});
return;
}
//将数据提交到后台取,提交数据是form的序列化后的内容
$.post('/index.php/admins/menu/save',$('form').serialize(),function(res){
if(res.code>0){
layer.alert(res.msg,{'icon':2});
}else{
layer.alert(res.msg,{'icon':1});
//提交后一秒钟重新加载
setTimeout(function(){parent.window.location.reload();},1000);
}
},'json');
}
</script>