亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

完成本章管理員的添加，編輯、刪除功能。

Original 2019-07-30 20:37:47 327
abstract：<!DOCTYPE html> <html> <head>     <title></title>     <link rel="stylesheet" type="text/css" 
<!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>
    <style type="text/css">
        .header span{background: #009688;margin-left: 30px;padding: 10px;color: #ffffff;}
        .header button{float: right;margin-top: -5px;}
        .header div{border-bottom: solid 2px #009688;margin-top: 8px;}
    </style>
</head>
<body style="padding: 10px;">
<div class="header">
    <span>管理員列表</span>
    <button class="layui-btn layui-btn-sm" onclick="add()">添加</button>
    <div></div>
</div>
<table class="layui-table">
    <thead>
    <tr>
        <th>ID</th>
        <th>用戶名</th>
        <th>真實(shí)姓名</th>
        <th>角色</th>
        <th>狀態(tài)</th>
        <th>添加時(shí)間</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {volist name='$lists' id="vo"}
    <tr>
        <td>{$vo.id}</td>
        <td>{$vo.username}</td>
        <td>{$vo.truename}</td>
        <td>{$vo.gid}</td>
        <td>{$vo.status==0?'正常':'<span style="color: red;">禁用</span>'}</td>
        <td>{:date('Y-m-d H:i:s',$vo.add_time)}</td>
        <td>
            <button class="layui-btn layui-btn-xs" onclick="edit({$vo.id})">編輯</button>
            <button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del({$vo.id})">刪除</button>
        </td>
    </tr>
    {/volist}
    </tbody>
</table>
</body>
</html>
<script type="text/javascript">
    layui.use(['layer'],function(){
        layer = layui.layer;
        $ = layui.jquery;
    });

    // 添加

    function add() {
        layer.open({
            type:2,
            title:'添加管理員',
            shade:0.3,
            area:['480px','420px'],
            content:'/index.php/admin/admin/add'
        });
    }
    function edit(id){
        layer.open({
            type:2,
            title:'添加管理員',
            shade:0.3,
            area:['480px','420px'],
            content:'/index.php/admin/admin/edit?id='+id
        });
    }

    // 刪除
    function del(id){
        layer.confirm('確定要?jiǎng)h除嗎？',{
            icon:3,
            btn:['確定','取消']
        },function(){
            $.post('/index.php/admin/admin/delete',{'id':id},function(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');
        });
    }
</script>
<!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">
    <input type="hidden" name="id" value="{$item.id}">
    <div class="layui-form-item">
        <label class="layui-form-label">用戶名</label>
        <div class="layui-input-inline">
            <input type="text" class="layui-input" name="username" value="{$item.username}" readonly>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">角色</label>
        <div class="layui-input-inline">
            <select name="gid">
                <option value="1">系統(tǒng)管理員</option>
                <option value="2">開發(fā)人員</option>
            </select>
        </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="password">
        </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="truename" value="{$item.truename}">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">狀態(tài)</label>
        <div class="layui-input-inline">
            <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 id = parseInt($('input[name="id"]').val());
        var username = $.trim($('input[name="username"]').val());
        var pwd = $.trim($('input[name="password"]').val());
        var truename = $.trim($('input[name="truename"]').val());

        if(username==''){
            layer.alert('請(qǐng)輸入用戶名',{'icon':2});
            return;
        }
        if(isNaN(id) && pwd==''){
            layer.alert('請(qǐng)輸入密碼',{'icon':2});
            return;
        }
        if(truename==''){
            layer.alert('請(qǐng)輸入真實(shí)姓名',{'icon':2});
            return;
        }

        $.post('/index.php/admin/admin/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>
<!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">
        <div class="layui-form-item">
        <label class="layui-form-label">用戶名</label>
        <div class="layui-input-inline">
            <input type="text" class="layui-input" name="username" value="" >
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">角色</label>
        <div class="layui-input-inline">
            <select name="gid">
                <option value="1">系統(tǒng)管理員</option>
                <option value="2">開發(fā)人員</option>
            </select>
        </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="password">
        </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="truename" value="">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">狀態(tài)</label>
        <div class="layui-input-inline">
            <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 id = parseInt($('input[name="id"]').val());
        var username = $.trim($('input[name="username"]').val());
        var pwd = $.trim($('input[name="password"]').val());
        var truename = $.trim($('input[name="truename"]').val());
        var gid = $('select[name="gid"]').val();

        if(username==''){
            layer.alert('請(qǐng)輸入用戶名',{'icon':2});
            return;
        }
        if(isNaN(id) && pwd==''){
            layer.alert('請(qǐng)輸入密碼',{'icon':2});
            return;
        }
        if(truename==''){
            layer.alert('請(qǐng)輸入真實(shí)姓名',{'icon':2});
            return;
        }

        $.post('/index.php/admin/admin/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-07-30_201913.jpg2019-07-30_201857.jpg


經(jīng)過本章學(xué)習(xí)掌握了前端頁面通ajax向后臺(tái)提交請(qǐng)求的幾種方法：

1、

 $.post('/index.php/admin/admin/delete',{'id':id},function(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');

2、

 $.post('/index.php/admin/admin/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');

3、

  $.get('/index.php/admin/account/logout',function (res) {
            if(res.code>0){
                layer.msg(res.msg,{'icon':2});
            }else{
                layer.msg(res.msg,{'icon':1});
                setTimeout(function () {
                    window.location.href='/index.php/admin/account/login';
                },1000);
            }
        },'json');



Correcting teacher：天蓬老師Correction time：2019-07-31 14:13:12
Teacher's summary：看上去寫得很認(rèn)真, 想過沒有, 如果不用這個(gè)前端框架 , 你可以寫出來嗎

Release Notes

Popular Entries