第一次写登录,如果有问题,希望可以在下面回复我
这个是login.html的代码,登录失败是login.html?error=1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<link rel="stylesheet" href="css/animate-custom.css" type="text/css">
<link rel="stylesheet" href="css/demo.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<header>
<h1 style="text-align: center;font-size: 200%;padding: 40px;font-weight: 900;">Welcome to Security System</h1>
</header>
<body>
<!-- <a class="hiddenanchor" id="toregister"></a>
<a class="hiddenanchor" id="tologin"></a> -->
<div id="wrapper">
<div id="login" class="animate form">
<form action="login.php" method="post" onSubmit="return InputCheck()">
<h1>登录</h1>
<p>
<label for="username" class="uname" data-icon="u" >用户名:</label>
<input id="username" name="username" required="required" type="text" placeholder="请输入用户名"/>
</p>
<p>
<label for="password" class="youpasswd" data-icon="p">密码:</label>
<input id="password" name="password" required="required" type="password" placeholder="请输入密码" />
</p>
<p class="keeplogin" id="fail" style="color:red;"> </p>
<!-- <p class="keeplogin">
<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" />
<label for="loginkeeping">Keep me logged in</label>
</p> -->
<p class="login button">
<input type="submit" name="submit" value="登录" />
</p>
<!-- <p class="change_link">
Not a member yet ?
<a href="#toregister" class="to_register">Join us</a>
</p> -->
</form>
</div>
</div>
<script type="text/javascript">
var thisURL = document.URL;
var getval =thisURL.split('?')[1];
if(getval!=null){var a =getval.split('&')[0];
var showvala= a.split("=")[1];
if(showvala==1){
fail=document.getElementById('fail');
fail.innerText="用户名或密码错误,请重新登录!";
}
}
function InputCheck(){
username=document.getElementById('username').value;
password=document.getElementById('password').value;
if(username.length>10){
fail=document.getElementById('fail');
fail.innerText="用户名长度请少于10位!";
return false;
}
if(password.length>10){
fail=document.getElementById('fail');
fail.innerText="密码长度请少于10位!";
return false;
}
return true;
}
</script>
</body>
</html>
下面是login.php的代码,登出是login.php?action=logout
要通过session来记住用户名,这样方便在后面调用
<?php
//注销登录
session_start();
if($_GET['action'] == "logout"){
unset($_SESSION['userid']);
unset($_SESSION['username']);
session_destroy();
echo '注销登录成功!点击此处 <a href="login.html">登录</a>';
exit;
}
//登录
if(!isset($_POST['submit'])){
exit('非法访问!');
}
$username = htmlspecialchars($_POST['username']);
$password = MD5($_POST['password']);
//包含数据库连接文件
header('Content-type:text/json; charset=utf-8');
@ $db = mysqli_connect('localhost','root','');
mysqli_query($db,"set names utf8;");
mysqli_select_db($db,'security');//找到数据库mpicture
if(mysqli_connect_errno()){
echo "Error:Could not connect to mysqli database.";
exit;
}
//检测用户名及密码是否正确
$check_query = mysqli_query($db,"select authority from user where username='$username' and password='$password' limit 1");
if($result = mysqli_fetch_array($check_query)){
//登录成功
session_start();
$_SESSION['username'] = $username;
$_SESSION['authority'] = $result['authority'];
//echo $username,' 欢迎你!进入 <a href="my.php">用户中心</a><br />';
//echo '点击此处 <a href="login.php?action=logout">注销</a> 登录!<br />';
header("Location: index.html");
exit;
} else {
header("Location: login.html?error=1");
}
?>