前台代码:
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);