相关推荐recommended
HTML、PHP实战:搭建一个网页登录页面。
作者:mmseoamin日期:2023-12-14

一、实验环境。

MySQL5.7.26

FTP0.9.60

Apache2.4.39

我这里用的是PHPstudy小皮一键搭建的。

数据库

HTML、PHP实战:搭建一个网页登录页面。,第1张

 二、登录页面

登录页面前端代码

文件名:denglu.html




'登录界面'


用户名:

密码

登录页面后端代码

文件名:denglu.php


num_rows > 0){
	echo '登陆成功。';
}else{
	echo '登录失败。';
}
?>

使用127.0.0.1跟文件名访问网页。

效果演示

HTML、PHP实战:搭建一个网页登录页面。,第2张

 HTML、PHP实战:搭建一个网页登录页面。,第3张

可以看到当我们输入用户名:zhangsan 密码:123456 时,后台的数据库能够查询到,所以登录成功。

HTML、PHP实战:搭建一个网页登录页面。,第4张

 而当用户名和密码不匹配时则登录失败。

三、注册页面。

注册页面前端代码

文件名:zhuce.html


	
		
	
	
		
用户名:
密码:
确认密码:

注册页面后端代码

文件名:zhuce.php


num_rows > 0){
	echo '用户已存在,3秒后跳转,请重新输入。';
	header('Refresh:3,http://127.0.0.1/zhuce.html');
}else{
	if($password1 != $password2){
		echo'密码不一致。';
	}else{
		$sql = "insert into table_1 value('$logname','$password1');";
		if(mysqli_query($conn,$sql)){
			echo'注册成功,3秒后返回登录页面。';
			header('Refresh:3,http://127.0.0.1/denglu.html');
		}else{
			echo'注册失败。';
		}
	}
}
?>

效果演示

HTML、PHP实战:搭建一个网页登录页面。,第5张HTML、PHP实战:搭建一个网页登录页面。,第6张

可以看到,当输入数据库中已经存在的用户时,会显示用户已经存在,并且在3秒之后会跳转回原来的页面。

HTML、PHP实战:搭建一个网页登录页面。,第7张HTML、PHP实战:搭建一个网页登录页面。,第8张

当用户注册时前后两次输入密码不一致时也会出现提示。

HTML、PHP实战:搭建一个网页登录页面。,第9张HTML、PHP实战:搭建一个网页登录页面。,第10张

 HTML、PHP实战:搭建一个网页登录页面。,第11张

当注册成功时,可以看到数据库中新增了对应的用户名及密码。