菜单添加功能

原创 2019-01-18 11:12:03 247
摘要:<!DOCTYPE html> <html> <head>     <title>123</title>     <link rel="stylesheet" type="text/css&qu
<!DOCTYPE html>
<html>
<head>
    <title>123</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">
    <div class="layui-form-item">
        <label class="layui-form-label">菜单名称</label>
        <div class="layui-input-inline">
            <input type="text" class="layui-input" name="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">
        </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">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">方法</label>
        <div class="layui-input-inline">
            <input type="password" class="layui-input" name="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">
            <input type="checkbox" name="status" lay-skin="primary" title="是否禁用" value="1">
        </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.use(['layer','form'],function(){
        var form = layui.form;
        layer = layui.layer;
        $ = layui.jquery;
    });

    function save(){
        var title = $.trim($('input[name="title"]').val());
        var controller = $.trim($('input[name="controller"]').val());
        var method = $.trim($('input[name="method"]').val());

        if (title=='')
        {
            layer.alert('请输入菜单名称',{'icon':2});
            return;
        }

        if (controller=='')
        {
            layer.alert('请输入控制器',{'icon':2});
            return;
        }

        if (method=='')
        {
            layer.alert('请输入方法名称',{'icon':2});
            return;
        }

        $.post('/index.php/admins/menu/save',$('form').serialize(),function(res){
            if(res.code>0){
                layer.alert(res.msg,{'icon':2});
            }else{
                layer.msg(res.msg,{'icon':1});
                setTimeout(function(){parent.window.location.reload();},1000);
            }
        },'json');
    }
</script>


批改老师:韦小宝批改时间:2019-01-18 11:21:52
老师总结:写的很不错 很规范 没事的时候可以把layui的手册好好看看

发布手记

热门词条