Giới thiệu chức năng đăng nhập và đăng xuất

Trong bài viết này, giảng viên Hà Văn Cử, bộ môn Công nghệ thông tin tại FPT Polytechnic TP HCM sẽ giới thiệu cho các bạn sinh viên cách xây dựng cổng đăng nhập và đăng xuất cho các dự án trong tương lai.

Tìm hiểu chung về chức năng đăng nhập và đăng xuất

Đăng nhập

Chức năng đăng nhập giúp xác thực người dùng trước khi truy cập vào hệ thống. Người dùng cần nhập đúng tên đăng nhập và mật khẩu, sau đó hệ thống sẽ kiểm tra và tạo phiên làm việc (session) nếu thông tin chính xác.

Mục tiêu: Bảo vệ dữ liệu và tính năng hệ thống và phân quyền sử dụng cho các nhóm người dùng khác nhau (quản trị viên, nhân viên,…).

Tính năng mở rộng: Ghi nhớ đăng nhập, thông báo lỗi khi sai mật khẩu, đếm số lần đăng nhập sai.

Đăng xuất

Chức năng đăng xuất giúp người dùng kết thúc phiên làm việc một cách an toàn, đảm bảo không ai có thể sử dụng tài khoản sau khi họ rời khỏi hệ thống.

Mục tiêu: Xóa session đăng nhập khỏi hệ thống và điều hướng người dùng trở lại trang đăng nhập hoặc trang chủ.

Chức năng Header và Fooder

Header (Phần đầu trang):

Header là phần hiển thị đầu tiên của website hoặc ứng dụng, thường chứa logo, tên hệ thống, menu điều hướng, và trạng thái người dùng (ví dụ: Xin chào, Đăng xuất…).

Mục tiêu:

Định danh thương hiệu (logo, tên).
Hướng dẫn người dùng truy cập nhanh các chức năng chính.
Hiển thị thông tin tài khoản khi người dùng đã đăng nhập.

Footer (Phần chân trang):

Footer là phần cuối cùng của website, thường bao gồm thông tin liên hệ, bản quyền, điều khoản sử dụng, hoặc đường dẫn nhanh.

Mục tiêu:

Cung cấp thông tin bổ sung cho người dùng.
Góp phần hoàn thiện giao diện website, tạo sự chuyên nghiệp.
Hỗ trợ SEO với liên kết và từ khóa.

Cách xây dựng các chức năng

Xây dựng chức năng đăng nhập

Tạo dự án: Login.php
Code

Giải thích:

<body class=”d-flex justify-content-center align-items-center vh-100 bg-light”>: Căn giữa nội dung trong <body> theo cả chiều ngang và chiều dọc, và tô nền sáng cho toàn bộ trang bằng Bootstrap