HTML5+PHP+MySQL搭建超简单的登录系统HTML5+PHP+MySQL搭建超简单的登录系统
以下内容仅供参考,如果有错误或交流意见欢迎评论区指正。如果您有强烈意见,那您⼀定是对的。
制作不易,如果对您有帮助请点赞收藏,谢谢!!
开发环境
php:7.3.1
mysql:5.7.24
apache:2.4.37
⼀、MySQL部分
1.创建数据库mydb
CREATE DATABASE IF NOT EXISTS mydb CHARACTER SET utf8 COLLATE utf8_general_ci;
2.选择数据库mydb
USE mydb;
3.创建⽤户表
字段名类型备注
username varchar(50)登录的⽤户名
password varchar(50)登录的密码代码如下:
CREATE TABLE`user`(
`username`VARCHAR(50)NOT NULL COMMENT'⽤户名',
`password`VARCHAR(50)NOT NULL COMMENT'密码'
)ENGINE=INNODB CHARSET=utf8 COLLATE=utf8_general_ci
COMMENT='⽤户登录表';
4.插⼊测试数据:
账号密码
123321
666999
代码如下:
INSERT INTO`user`VALUES
('123','321'),
('666','999');
⼆、HTML5部分
1.创建index.html⽂件
运⽤简单的post提交,⽆css设计更简洁。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<form action="login.php" method = "POST">
<h2>登录</h2>
登录名:<input type="text"name="username">
<br>
密码:<input type="password"name="password">
<br>
<input type="submit"name="submit"value="登录"> </form>
</body>
</html>
三、PHP部分
1.创建php⽂件 login.php
代码如下:
<?php
//获取提交数据
$username=$_POST['username'];//获取提交⽤户名
$password=$_POST['password'];//获取提交密码
//连接数据库
$db_host="127.0.0.1";//填写⾃⼰的数据库地址
$db_user="root";//填写⾃⼰的数据库⽤户名
$db_pwd="root";//填写⾃⼰的数据库密码
$db_name="mydb";填写⾃⼰的数据库库名
php远程连接mysql数据库$db_port=3306;//数据库端⼝号,默认3306
$con=mysqli_connect($db_host,$db_user,$db_pwd,$db_name,$db_port);//连接数据库,且定位到指定数据库if(!$con){
die("error:".mysqli_connect_error());//返回最近调⽤函数的最后⼀个错误描述。
}//如果连接失败就报错并且中断程序
if($username==null||$password==null){
echo"<script>alert('不要乱填啊')</script>";//弹出消息框
die("账号和密码不能为空!");//结束并返回⽂本
}//判断⽤户名和密码是不是空的
$sql='select * from user where username='."'{$username}'and password="."'$password';";
$res=mysqli_query($con,$sql);
$row=$res->num_rows;//将获取到的⽤户名和密码拿到数据库⾥⾯去查匹配
if($row!=0)
{
echo"<h1>登录成功,欢迎您 {$username}!</h1>";
}
else
{
echo"⽤户名或密码错误";
}
?>
注释内容都写好了,⽅便⼤家阅读和理解。有什么不懂的可以评论区留⾔。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论