html+css+php+mysql 简单的页面登录与注册(数据库的交互)

这是一个简单的小项目,但对于我这小白来说,也是写了好几天才完成,中间心态炸裂n次,但最后还是 搞定了!!!

说了那麽多,还是分享一下吧!

目录

      • 主页面(登录页面)
      • 登录页面的后台操作
      • 注册页面
      • 注册页面的后台操作

实验环境是phpstudy2018。

在phpstudy的www目录里,创建一个新文件夹test。

文件里有:

html+css+php+mysql 简单的页面登录与注册(数据库的交互)_第1张图片
index.php 主页面(登陆页面)
login.php 登录页面的后台操作
register.html 注册页面
register.php 注册页面的后台操作

主页面(登录页面)

先上图
html+css+php+mysql 简单的页面登录与注册(数据库的交互)_第2张图片

有点简单了。

下面是源码











	
欢迎使用,请登录
没有账号,先注册

主要就是对登录页面的背景,颜色,登录框背景,颜色,字体大小等等的设置,这也没啥技术含量,都是html知识的简单运用,我就不多说了。

登录页面的后台操作

直接上源码:

alert('登陆成功!!');location.href='https://pan.baidu.com/s/1qK_KopZzMZIKfT7jkZ1FVQ';";
    }
    }
    else {
        echo '登陆失败';
        header('Location:index.html');//跳转到失败页面
    }
  
if ( (($_COOKIE['username']) != null)  && (($_COOKIE['password']) != null) ) {
    $userName = $_COOKIE['username'];
    $password = $_COOKIE['password'];

    //从db获取用户信息
    //PS:数据库连接信息改成自己的 分别为主机 数据库用户名 密码
    $conn = mysqli_connect('localhost','root','password','test');
    $res = mysqli_query($conn,"select * from user where username =  '$userName' ");
    $row = mysqli_fetch_assoc($res);
    if ($row['password'] == $password) {
        //验证通过后跳转到登录后的欢迎页面
        header('Location: https://pan.baidu.com/s/1qK_KopZzMZIKfT7jkZ1FVQ' . "?username=$userName");
    }
}
else {
    echo "";
}


?>

代码开头的error_reporting(0);是为了关闭错误报告,如果没有error_reporting(0) 那么$userName = $_POST['username'];会报错。

还有就是sql语句的构造,我构造了n次才正常运行,到这个才能与数据库的账号,密码比对。

然后就是你输入账号,密码与数据库里已有比对,来判断你是否可以登录。

如果比对正确,那么就会先存一个时间为一小时的cookie,然后跳转到登录成功页面,我在这放了一个百度云盘链接,登陆成功可以直接访问。

cookie就是将你的信息存储在本地,下次登录到同样的页面,直接读取cookie里的信息,方便下次访问。

html+css+php+mysql 简单的页面登录与注册(数据库的交互)_第3张图片
登录成功是一段哲理视频。

注册页面

从登录页面里,选择注册跳转到注册页面。

html+css+php+mysql 简单的页面登录与注册(数据库的交互)_第4张图片
html+css+php+mysql 简单的页面登录与注册(数据库的交互)_第5张图片
注册页面太简单了,本来想弄个二次密码验证和验证码注册验证,但因为是本地搭建,也没有人恶意攻击我们,就不需要了。

源码:











	
注册

注册页面与登录页面相比,没有做出太大的更改。换了个图片也就没啥了。

注册页面的后台操作

源码:

alert('用户名不能为空');location.href='register.html';";
}
else if($_POST['password']== NULL){
    echo "";
}
else{
    if($row){
        echo "";
    }else{
        $sql1 ="insert into user(username,password) values('".$username."','" .$password."')";//PHP MySQL 插入数据
        $result = mysqli_query($sql1);//判断插入数据是否成功
        if($row){
          
            echo "";
            	
        }else{
            
            echo "";
        }
    }
}




mysqli_close($conn);

?>

按照流程,先连接数据库,将你的输入的信息传到后台,判断用户名,密码不能为空,再将用户名与数据库对比,若不存在,注册成功,跳转到登陆页面;若已经存在,会报错: 用户名已经存在。

再将你的信息插入到数据库。

最难的也是sql语句的构造,起初是用户名为空,密码却可以正常传入;但是将$usename改为自己的用户名,却可以正常传入。就猜想为用户名传入过程出现了错误,就检查了注册页面的用户名提交方式,发现也没错误。

最终还是回到了register.php页面检查,修修改改才写成现在的语句。

想想太不容易了,心态炸了n次。

与团队内的其他大佬比,我可能写的太简单了,但还是要记录一下!

你可能感兴趣的:(前端,html,php,html,css)