php登陆界面 +bootstrap mysql json

来源:互联网 发布:手机淘宝商品历史价格 编辑:程序博客网 时间:2024/05/12 04:05


前台代码:

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);


0 0