前台代码:

main.php

<?php
/**
 * Created by PhpStorm.
 * User: admin-pc
 * Date: 2016/8/3
 * Time: 8:11
 */
header("Content-type: text/html; charset=utf-8");
?>

<!DOCTYPE html>
<head>
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <title>登陆系统</title>
    <link rel='stylesheet' type='text/css' href='common/Style/css/bootstrap.min.css'/>
    <link rel='stylesheet' type='text/css' href='common/Style/css/font-awesome.min.css'/>
    <link rel="stylesheet" type="text/css" href="common/Style/css/bootstrap-table.min.css">
    <link rel='stylesheet' type='text/css' href='common/Style/css/buttons.css'/>
    <link rel='stylesheet' type='text/css' href='common/Style/css/square/green.css'/>
    <link rel='stylesheet' type='text/css' href='common/Style/css/common.css'/>


    <script src='common/Script/jquery-1.12.0.min.js' type='text/javascript'></script>
    <script src='common/Script/bootstrap.min.js' type='text/javascript'></script>
    <script src="common/Script/jquery-migrate-1.2.1.js" type="text/javascript"></script>
    <script src='common/Script/jquery.md5.js' type='text/javascript'></script>
    <script src="common/Script/bootstrap-table.min.js" type="text/javascript"></script>
    <script src='common/Script/icheck.min.js' type='text/javascript'></script>
    <script src='common/Script/bootstrap-table-export.js' type='text/javascript'></script>
    <script src='common/Script/tableExport.min.js' type='text/javascript'></script>
    <script src="common/Script/common.js" type="text/javascript"></script></head>
<body>
<!--alert bootstrap-->
<div class="modal fade" id="ErrorAlert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    Alert!
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1">
                        <strong><p id="AlertP"></p></strong>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="ErrorAlertClose" data-dismiss="modal">Close
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="container">
    <div class="row row-margin-top row-margin-bottom"></div>
    <div class="row row-margin-top text-center center-block">
        <div class="col-sm-6">

        </div>
        <div class="col-sm-6 row-margin-top">
                <span class="" >

                        <a id="login" class="button   button-primary  button-royal  button-large ">登录系统</a>

                </span>
        </div>
    </div>
</div>

<div class='modal fade' id='LoginModel' tabindex='-1' role='dialog' aria-labelledby='LoginModel' aria-hidden='true'>
    <div class='modal-dialog'>
        <div class='modal-content'>
            <div class='modal-body'>
                <div class='row'>
                    <div class='col-sm-12 form-box'>
                        <div class='form-top'>
                            <div class='form-top-left'>
                                <h3>欢迎登录</h3>
                                <p>请输入您的用户名和密码:</p>
                            </div>
                            <div class='form-top-right'>
                                <i class='fa fa-key'></i>
                            </div>
                        </div>
                        <div class='form-bottom'>
                            <form role='form' method='post' action='' class='login-form'
                                  id='form-login'>
                                <div class='form-group'>
                                    <label class='sr-only' for='login-username'>用户名</label>
                                    <input type='text' name='login-username' placeholder='用户名...'
                                           class='form-username form-control' id='login-username'>
                                </div>
                                <div class='form-group'>
                                    <label class='sr-only' for='login-password'>密码</label>
                                    <input type='password' name='login-password' placeholder='密码...'
                                           class='form-password form-control' id='login-password'>
                                </div>
                                <div class='form-group'>
                                    <div class="row row-margin-top">
                                        <div class='col-sm-4 col-sm-offset-8 text-center'>
                                            <button type='button' id='login-submit' class='btn btn-primary'>Login</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script type="text/javascript">
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
            increaseArea: '20%' // optional
        });
        $('#login').click(function(){

            $('#LoginModel').modal('show');
        });
        $('#login-submit').click(function () {
            $('#LoginModel').modal('hide');
            $.post('loginPost.php?order=1', {
                userName: $('#login-username').val(),
                password: $.md5($('#login-password').val()),
                role: $('input:radio[name="login-role"]:checked').val()
            }, function (data) {
                var result = JSON.parse(data);
                if (result.status == 1) {
                    //user登录
                    //alert("aaaa");
                    $('#login').html(result.name);
                    $('#myModalLabel').html("Congratulations");
                    $('#login-password').val('');
                    $('#AlertP').html(result.message);
                    $('#ErrorAlert').modal('show');
                } else if (result.status == 2) {
                    //admin登录
                   // alert("aaaa");
                    $('#login').html(result.name);
                    $('#myModalLabel').html("Congratulations");
                    $('#login-password').val('');
                    $('#AlertP').html(result.message);
                    $('#ErrorAlert').modal('show');
                } else {
                    $('#login').html("登陆系统");
                    $('#myModalLabel').html("Alert");
                    $('#login-password').val('');
                    $('#AlertP').html(result.message);
                    $('#ErrorAlert').modal('show');
                }
            });
        });


    });
</script>
</body>
</html>

后台代码
<?php
/**
 * Created by PhpStorm.
 * User: admin-pc
 * Date: 2016/8/3
 * Time: 8:39
 */
$server = "localhost";
$username = "root";
$localPassword = "123456";
$database = "project2016v03";

$link = mysqli_connect($server, $username, $localPassword, $database) or die("Connect failed1: " . mysqli_connect_error() . "\n");
mysqli_query($link, "set names utf8") or die("Connect failed2: " . mysqli_connect_error() . "\n");
mysqli_query($link, "SET CHARACTER SET utf8") or die("Connect failed3: " . mysqli_connect_error() . "\n");
$obj = array(
    'status' => 1,
    'message' => "",
    'name'=>''
);

$order = isset($_REQUEST['order']) ? $_REQUEST['order'] : 2;

if ($order == 1) {
    $userName = isset($_REQUEST['userName']) ? $_REQUEST['userName'] : "";
    $role = isset($_REQUEST['role']) ? $_REQUEST['role'] : "";
    $password = isset($_REQUEST['password']) ? $_REQUEST['password'] : "";
    if ($userName != "" && $password != "" ) {
       // if ($role = "admin") {
            $query = "SELECT * FROM t_admin WHERE BINARY admin_name='" . $userName . "' AND is_deleted='N'";
            $result = mysqli_query($link, $query) or die("Error Message:" . mysqli_error($link) . "\n");
            if ($row = mysqli_fetch_array($result, MYSQLI_BOTH)) {
                if (strcmp($row["password"], $password) == 0) {
                    $obj["message"]="登陆成功";
                    $obj["name"]=$userName;
                    $obj["status"] = 2;
                } else {
                    $obj["status"] = 0;
                    $obj["message"] = "密码不正确!";
                }
            } else {
                $obj["status"] = 0;
                $obj["message"] = "用户名不存在!";
            }
    } else {
        $obj["status"] = 0;
        $obj["message"] = "参数错误!";
    }
} else if ($order == 2) {
    session_destroy();
    $obj["status"] = 1;
}
echo json_encode($obj);