一、配置PHP环境
要用php做登录页面,所以先要配置好PHP环境。
我下载的是phpstudy。phpstudy的下载
下载过后进行安装,放到一个无中文的目录(为了减少出错)。都好了后点击启动,如果缺少什么软件,系统会告诉你,然后你点进去一步一步安装就好了。当点击启动时会出现两个绿色点点就成功了。
二、搭建数据库
在phpstudy中点击mysql管理器,选中phpMyAdmin,进入登录页面默认的账号密码 都是root,选中数据库,新建数据库,然后输入你数据库的名字,一步步创建就好了(参考网址)再选中MySQL-Front进入页面,然后选中数据库,点新建字段,然后再里面新建username和password。mysql中新建用户可以参考
(参考链接)
三、写出代码
1.写出登录框的代码
我是先用html写的文件,然后保存后修改文件后缀。加上<?php?>
<!DOCTYPE html>
<?php
?>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="stylesheet" type="text/css" href="2.css"/>
</head>
<body>
<div id="login">
<h1>Login</h1>
<form action="validate_logon.php" method="post" >
<input type="text" required="required" placeholder="用户名" name="username"><br>
<input type="password" required="required" placeholder="密码" name="password"><br>
<button class="button" type="submit">登录</button><br>
<button class="button" type="submit" value="注册" onclick="window.location.href='renew.php'">注册</button><br>
</form>
</div>
</body>
</html>
因为要求用css,所以我用css写的样式。
有看不懂的语法点请参考我的上面几篇博客。
body{
background-color: pink;
}
#login{
position: absolute; /*边框的位置*/
top: 50%;
left:50%;
margin: -150px 0 0 -150px; /*外边距*/
}
#login h1{
color: blue;
text-align: center;
}
input{
width: 278px;
height: 18px;
margin-bottom: 10px; /*间距*/
padding: 10px; /*内边距*/
color: white; /*字体颜色*/
background-color: grey; /*边框内颜色*/
}
.button{
width: 300px;
min-height: 20px;
display: block;
background-color: purple;
color: white;
padding: 10px;
font-size: 15px; /*字体的尺寸*/
line-height: normal; /*行间距*/
margin: 0;
}
做好后是这个样子。
2.写出登录验证的代码
<?php
header('Content-type:text/html;charset=utf-8'); /*防止乱码*/
$one= mysql_connect("localhost","root","root"); /*链接本地*/
mysql_select_db("new",$one); /*选取你自己建的数据库*/
$username=$_POST['username']; /*将你登录页面中提交的用户名和密码转到这俩种*/
$password=$_POST['password']; /*注意post的大小写*/
$sql="select * from users where username='$username' and password='$password'"; /*挑选你建的表格中的username和password这两列*/
$result= mysql_query($sql); /*进行一个mysql查询*/
$flush= mysql_fetch_array($result);
if(is_array($flush)) /*检测变量是否是一个数组*/
{
setcookie('user',$username,time()+5000); /*cookie判断*/
ob_end_clean(); //固定格式
header("Location:getinto.php"); /*降低至转移到getinto.php*/
exit;
}
else{
echo "您的用户名或密码输入有误<a href=1.php>请重新登录</a>";
} /*echo相当于输出*/
?>
3.写出登录成功后的页面
如上面写登录框一样,用css写。
我写出的大概是这样的,比较简单。css也是仿照登录框写的,修改了一些。
4.写出注册页面
还是像登录页面一样,用css。写好后将文件改后缀为php加上<?php?>.保存在phpstudy文件夹里的www文件里。就OK了。
示例如下:
5.接下来用php写出注册验证。
就是创建新用户,当用户名重复时创建失败,或者输入的两次密码不正确时创建失败。
<?php
header('Content-type:text/html;charset=utf-8'); //防止乱码
$one=mysql_connect("localhost","root","root"); //连接到本地的数据库
mysql_select_db("new",$one); //挑选你的数据库
$username=$_POST['username'];
$password=$_POST['password'];
$password2=$_POST['password2'];
if($password!=$password2)
{
echo"输入的两个密码不一样,请重新输入<a href='renew.php'>重新输入</a>";
}
else
{
$sql="select*from users where username='$username'";
$check=mysql_query($sql);
$flush= mysql_fetch_array($check);
if(is_array($flush))
{
echo"用户名重复<a href='renew.php'>请重新注册</a>";
}
else
{
$sql="insert into users (username,password) values ('$username','$password')"; /*要给哪些字段插入值。value是插入的值是什么。*/
$result=mysql_query($sql);
if(!$result)
{
echo"注册不成功<a href='renew.php'>点击返回</a>";
}
else
{
echo"注册成功<a href='1.php'>返回登录</a>";
}
}
}
我写的代码是在别人的帮助下完成的,所以少踩了很多坑。
四、简单的cookie介绍
Cookie就是服务器暂存放在你计算机上的一笔资料,好让服务器用来辨认你的计算机。当你在浏览网站的时候,Web服务器会先送一小小资料放在你的计算机上,Cookie 会帮你在网站上所打的文字或是一些选择,都记录下来。当下次你再光临同一个网站,Web服务器会先看看有没有它上次留下的Cookie资料,有的话,就会依据Cookie里的内容来判断使用者,送出特定的网页内容给你。
内容来自:
https://zhidao.baidu.com/question/2966432.html
还有就是防止你直接用网站链接不经过查询数据库而直接进入登录成功后的网页。
setcookie('user',$username,time()+5000);
上述代码的意思是:设置一个cookie,提交用户名的资料在时间5000秒后会自动删除
if(!isset($_COOKIE['user'])){
echo '拒绝解入<a href="1.php">返回重新登录</a>';
exit();
}
_cookie 则为读出缓存,
isset 检查变量是否存在,
header 转向到某个页面;
exit() 结束;
就是如果没有读出缓存,就不能直接进入。