php+mysql+html+css实现简单的登录注册功能
前言：
暑假作业留到现在，emmm，最后那段时间是懒了很多。开学事情比较烦，各种麻烦。这个作业进行总结一下。
准备工作
利用phpstudy集成环境进行实现，看下效果
将CSS写在一个文件夹中，进行调用比较方便。
另外我之前收藏过这样的一个404界面的源码，觉得还不错，就加上了。我将它替换那个忘记密码的功能，因为界面简单，(我也没去学习这个模块，复杂，懒的去看了)所以直接替换了。
正题
注册功能的页面，注册时，需要进行的是连接数据库，然后执行SQL语句，插入数据到指定的表中。
<?php
header('content-type:text/html;charset=utf-8');
$conn = mysqli_connect('localhost', 'root', 'root', "m0re");
if (mysqli_connect_errno($conn)) {
echo mysqli_connect_error($conn);
}
if(isset($_POST['submit'])){
$sql = "insert into m0re(username,password,register_time) values('{$_POST['username']}',md5('{$_POST['password']}'),now())";
$query=$conn->query($sql);
if($query){
//echo "success";
}
else{
echo $conn->error;
}
}
mysqli_close($conn);
?>
我写的时候，那个限制功能都在HTML中，所以PHP没有太多的设置。不过还是写一下PHP的代码(我的代码里面是没有这些的，因为写进去会出错，因为我的HTML代码的原因，自己写的简单的登录狂就可以使用)
<?php
if(empty($_POST['username'])){
skip('register.php', '', '用户名不得为空！');
}
if(mb_strlen($_POST['username'])>32){
skip('register.php', '', '用户名长度不要超过32个字符！');
}
if(mb_strlen($_POST['password'])<6){
skip('register.php', '','密码不得少于6位！');
}
if($_POST['password']!=$_POST['confirm_pw']){
skip('register.php', '','两次密码输入不一致！');
}
if(strtolower($_POST['vcode'])!=strtolower($_SESSION['vcode'])){
skip('register.php', '','验证码输入错误！');
}
$_POST=escape($link,$_POST);
$query="select * from member where username='{$_POST['username']}'";
$result=execute($link, $query);
if(mysqli_num_rows($result)){
skip('register.php', '', '这个用户名已经注册过了，请直接登录');
}
?>
验证码：我没加上去，因为操作不好，但是我写一个验证码的代码，可以自行添加
#验证码--m0re--
<?php
header('Content-type:image/jpeg');
$width=120;
$height=40;
$string='';
$element=array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');
for ($i=0; $i <5 ; $i++) {
$string.=$element[rand(0,count($element)-1)];
}
$img=imagecreatetruecolor($width, $height);
$color_bg=imagecolorallocate($img, rand(200,255), rand(200,255), rand(200,255));
$color_border=imagecolorallocate($img, rand(200,255), rand(200,255), rand(200,255));
$color_string=imagecolorallocate($img, rand(10,100), rand(10,100), rand(10,100));
imagefill($img, 0, 0, $color_bg);
imagerectangle($img, 0, 0, $width-1, $height-1, $color_border);
for ($i=0; $i <100 ; $i++) {
imagesetpixel($img, rand(0,$width-1), rand(0,$height-1), imagecolorallocate($img, rand(10,100), rand(10,100), rand(10,100)));
}
for ($i=0; $i <3 ; $i++) {
imageline($img, rand(0,$width/2), rand(0,$height), rand($width/2,$width), rand(0,$height), imagecolorallocate($img, rand(10,100), rand(10,100), rand(10,100)));
}
imagettftext($img, 25, rand(-5,5), rand(5,15), rand(30,35), $color_string, 'font/HARLOWSI.TTF', $string);
imagejpeg($img);
imagedestroy($img);
?>
注册输入内容后点击注册(submit)，在phpmyadmin中可以看到插入的数据
还有注册时间。
登录
基于cookie的登录，登录将生成一个cookie，
<?php
header('Content-type:text/html;charset=utf-8');
if (isset($_POST['submit'])){
if (isset($_POST['username']) && isset($_POST['password']) && $_POST['username']===$username && $_POST['password']==='123456'){
if (setcookie('username',$_POST['username'],time()+3600)){
header('Location:404.html');//跳转到指定网页
}
else{
echo 'cookie设置失败！';
}
}else{
echo '对不起，登录失败，请检查您的用户名或者密码是否正确，注意密码安全。';
}
}
?>
一些部分不是很完善，之前还想着加上过滤，预防SQL注入和xss之类的简单注入。但是，没有扔掉这个HTML，所以就比较繁琐了，还是自己写的HTML可以，但是太简陋了，最终没有换。不过需要用到的知识差不多也都实现了。至于登录成功后，就可以加一些自己的东西了。
总结
验证码是之前就写过的，这都是之前让学习PHP的时候前60节中的内容，所以总体来说不是很难，就是对我们这些小白，可能出现最多的就是连接出错。无法插入等问题。多尝试几次就可以了，报错就一个一个查。
最后贴一下我同学——奇点写的博客地址，我们有较多讨论，可以对比一下。我们写的格式不一样，有些细节我可能没写到。
https://blog.csdn.net/qq_45869039/article/details/108380902
