Hướng dẫn login form php

Trong bài trước bạn đã được hướng dẫn tạo Form đăng ký bằng PHP chỉ với 2 file đơn giản. Ngày hôm nay bạn sẽ biết cách tạo Form đăng nhập bằng PHP & MySQL cũng 3 file cực kỳ dễ hiểu. Bạn sẽ xây dựng chương trình đăng nhập bằng username và password.

Trước khi thực hiện cần đảm bảo rằng đã khởi động XAMPP khởi động Apache và MySQL đã nhé!

Hướng dẫn tạo Form đăng nhập sử dụng PHP và MySQL

Bạn cần tạo một thư mục là dangnhap trong htdocs để chứa 4 file tên là login.php, xuly.php, connect.php, session.php

Bước 1: Copy đoạn code login php sau cho vào file login.php

 
 
 
 
 
 
 
 
Tên đăng nhập :  
Mật khẩu :  
 
Đăng ký 
 
 
 

Bước 2: Tạo file xuly.php để kiểm tra

Trở lại";
exit;
}
  
// mã hóa pasword
$password = md5($password);
  
//Kiểm tra tên đăng nhập có tồn tại không
$query = "SELECT username, password FROM member WHERE username='$username'";

$result = mysqli_query($connect, $query) or die( mysqli_error($connect));
if (!$result) {
echo "Tên đăng nhập hoặc mật khẩu không đúng!";
} else {
echo "Đăng nhập thành công!";
}
  
//Lấy mật khẩu trong database ra
$row = mysqli_fetch_array($result);
  
//So sánh 2 mật khẩu có trùng khớp hay không
if ($password != $row['password']) {
echo "Mật khẩu không đúng. Vui lòng nhập lại. Trở lại";
exit;
}
  
//Lưu tên đăng nhập
$_SESSION['username'] = $username;
echo "Xin chào " .$username . ". Bạn đã đăng nhập thành công. Thoát";
die();
$connect->close();
}
?>

Bước 3: Tạo file connect.php để kết nối tới cơ sở dữ liệu Database

if($connect === false){ 
die("ERROR: Could not connect. " . mysqli_connect_error()); 
}
else {
echo 'Kết nối DB thành công!';
}
?>

Bước 4: Tạo file session.php để thoát phiên đăng nhập

Bước 5: Thêm file CSS tên là style.css

.dangnhap {
width: 600px;
margin: 10px auto;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
  
.button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
  
.button:hover {
opacity: 0.8;
}

Ok xong rồi đấy!

Để chạy bạn sẽ dán link http://localhost/dangnhap/login.php lên trình duyệt.

Bài viết này khá đơn giản nếu bạn muốn Form đăng nhập thành viên đẹp hơn thì có thể chèn thêm CSS vào.

Trên đây là bài hướng dẫn xây dựng chức năng đăng nhập đơn giản nhất là một phần trong kiến thức lập trình PHP giúp tạo dựng một trang web hoàn chỉnh.