提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
`在前一次的文章里我们完成了管理员界面的简单设计以及进行了简单的防SQL注入,今天我们将完善登陆界面以及完成登陆界面的跳转任务。
提示:以下是本篇文章正文内容,下面案例可供参考
一、准备工作
首先我们应该打开phpstudy启动网站以及确保数据库的连接成功
检查数据库是否正常连接(如下图)
二、建议main.php网页(管理员成功登陆后需要跳转的网页)
1,与之前一样,需要在此文件中引用数据库的链接
所以添加以下代码:
代码如下(示例):
include_once 'init1.php';
2.编写程序使当管理员登陆成功后main.php网页显示用户名
代码如下(示例):
if($_SESSION['username']){
echo $_SESSION['username'];
}else{
echo '验证失败';
}
3.完善登登录界面以及登录成功后的调转(代码见文章末尾)
修改后的login.php文件代码(示例):
<?php
session_start();
include_once "init1.php";
if($_POST['sub']){
$username = filterstr($_POST['username']);
$password = filterstr($_POST['password']);
$result = $conn->query("select * from users where username = '$username' and password = '$password'");
if (!$result) {
die("查询失败:" . mysqli_error($conn));
}
if($result->num_rows>0){
$row = $result->fetch_assoc();
if($row['password']==$password){
header('Location:main.php');
$_SESSION['username'] =$row['username'];
}else{
echo "<script>alert('密码错误')</script>";
}
}else{
echo "<script>alert('用户错误')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>管理员登录</title>
<style>
.login{
width: 400px;
margin: 0px auto;
}
</style>
<script>
function check(form){
var username = form.username.value;
if(username.length==0){
alert('用户不能为空');
form.username.focus();
return false;
}
var password = form.password.value;
if(password.length==0){
alert('密码不能为空');
form.password.focus();
return false;
}
return true;
}
</script>
</head>
<body
<div class="login">
<form method="post" onsubmit="return check(this)">
<table>
<tr>
<td><label for="username">用户名</label></td>
<td><input type="text" name="username" id="username" /></td>
</tr>
<tr>
<td><label for="password">密码</label></td>
<td><input type="password" name="password" id="password" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="登录" name="sub" /></td>
</tr>
</table>
</form>
</div>
</body>
</html>
总结
今天美化了登录页面的调转以及完整性