Hướng dẫn write a php program to connect to the database and validate the login page - viết một chương trình php để kết nối với cơ sở dữ liệu và xác thực trang đăng nhập

Trong chủ đề này, chúng tôi sẽ tìm hiểu cách tạo hệ thống đăng nhập PHP MySQL với sự trợ giúp của cơ sở dữ liệu PHP và MySQL. Có một vài bước được đưa ra để tạo một hệ thống đăng nhập với cơ sở dữ liệu MySQL.

Trước khi tạo hệ thống đăng nhập trước, chúng ta cần biết về các điều kiện tiên quyết để tạo mô-đun đăng nhập.

Yêu cầu

• Chúng ta nên có kiến ​​thức về HTML, CSS, PHP và MySQL để tạo hệ thống đăng nhập.
• Trình chỉnh sửa văn bản - để viết mã. Chúng tôi có thể sử dụng bất kỳ trình soạn thảo văn bản nào như Notepad, Notepad ++, Dreamweaver, v.v.
• XAMPP-XAMPP là một phần mềm đa nền tảng, viết tắt của Máy chủ Apache đa nền tảng (X) (A), MySQL (M), PHP (P), Perl (P). XAMPP là một gói phần mềm hoàn chỉnh, vì vậy, chúng tôi không cần phải cài đặt tất cả chúng một cách riêng biệt.

Thiết lập môi trường

Bây giờ, chúng ta cần khởi động máy chủ web và tạo các tệp cho hệ thống đăng nhập. Có một vài bước được đưa ra dưới đây để thiết lập môi trường.

• Mở bảng điều khiển XAMPP.
• Bắt đầu máy chủ Apache bằng cách nhấp vào nút Bắt đầu.
• Bắt đầu MySQL bằng cách nhấp vào nút Bắt đầu.
• Tạo tất cả các tập tin cần thiết để đăng nhập.
• Tạo bảng đăng nhập trong cơ sở dữ liệu bằng PHPMyAdmin trong XAMPP.

Bây giờ, chúng tôi sẽ tạo bốn tệp ở đây cho hệ thống đăng nhập.

1. index.html - Tệp này được tạo cho chế độ xem GUI của trang đăng nhập và xác thực trường trống. This file is created for the GUI view of the login page and empty field validation.
2. style.css - Tệp này được tạo cho chế độ xem hấp dẫn của mẫu đăng nhập. This file is created for the attractive view of the login form.
3. Connection.php - Tệp kết nối chứa mã kết nối cho kết nối cơ sở dữ liệu. Connection file contains the connection code for database connectivity.
4. Xác thực.php - Tệp này xác thực dữ liệu biểu mẫu với cơ sở dữ liệu được gửi bởi người dùng. This file validates the form data with the database which is submitted by the user.

Lưu tất cả các tệp này trong thư mục HTDOCS bên trong thư mục cài đặt XAMPP. Mô tả chi tiết và mã cho các tệp này được thảo luận dưới đây.

index.html

Đầu tiên, chúng tôi cần thiết kế biểu mẫu đăng nhập cho người dùng trang web để tương tác với nó. Biểu mẫu đăng nhập này được tạo bằng HTML và cũng chứa xác thực trường trống, được viết bằng JavaScript. Mã cho tệp index.html được đưa ra dưới đây:

Sau khi thực thi mã trên trên trình duyệt, trang đăng nhập sẽ xuất hiện như dưới đây nếu nó không chứa tệp style.css.

style.css

Bây giờ, chúng tôi sẽ tạo tệp style.css để cung cấp một cái nhìn hấp dẫn hơn cho biểu mẫu đăng nhập. Mã CSS cho tệp style.css được đưa ra dưới đây:

Sau khi bao gồm tệp CSS ở trên trong index.html, biểu mẫu đăng nhập sẽ giống như -

Lưu ý: Tất cả các tệp này nên được lưu trong cùng một thư mục, vì vậy chúng tôi có thể dễ dàng truy cập chúng mà không cần gián đoạn.

Cơ sở dữ liệu và tạo bảng

Bây giờ, bước tiếp theo là tạo cơ sở dữ liệu và bảng đăng nhập bên trong cơ sở dữ liệu.

• Truy cập phpmyadmin trên trình duyệt bằng cách sử dụng localhost/ phpmyadmin/ và tạo một bảng trong cơ sở dữ liệu. Ở đây chúng tôi sẽ tạo một cơ sở dữ liệu và bảng bằng cách sử dụng phpmyadmin dựa trên GUI thay vì thực thi truy vấn.localhost/phpmyadmin/ and create a table in the database. Here we will create a database and table using GUI based phpMyAdmin rather than queries execution.
• Nhấp vào mới và nhập tên cơ sở dữ liệu và sau đó nhấp vào nút Tạo.New and enter the database name and then click on Create button.

• Bây giờ chúng tôi sẽ tạo một bảng đăng nhập trong cơ sở dữ liệu. Tạo một bảng theo tên đăng nhập trong cơ sở dữ liệu mà bạn đã tạo trước đó.login in the database which you have created earlier.

• Chỉ định tên cột và loại và độ dài của chúng trong bảng trong đó chúng tôi sẽ lưu trữ tên người dùng và mật khẩu cho người dùng khác nhau và lưu nó bằng cách nhấp vào nút Lưu.Name and their Type and Length in the table in which we will store the username and password for the different users and save it by clicking on the save button.

• Nhấp vào chèn, từ nơi chúng ta có thể chèn các bản ghi trong các cột. Vì vậy, chèn tên người dùng và mật khẩu vào đây và nhấp vào nút GO để lưu bản ghi.insert the records in columns. So insert the username and password here and click on Go button to save the record.

connection.php

Bước tiếp theo là thực hiện kết nối của biểu mẫu đăng nhập với cơ sở dữ liệu mà chúng tôi đã tạo trong các bước trước. Chúng tôi sẽ tạo tệp Connection.php cho mã được đưa ra dưới đây:

authentication.php

Bây giờ, chúng tôi có thiết lập cơ sở dữ liệu của chúng tôi, vì vậy chúng tôi có thể đi với xác thực của người dùng. Tệp này xử lý dữ liệu biểu mẫu đăng nhập được gửi qua tệp index.html. Nó xác thực dữ liệu được gửi qua biểu mẫu đăng nhập, nếu tên người dùng và mật khẩu khớp với cơ sở dữ liệu, thì đăng nhập sẽ thành công nếu không đăng nhập sẽ không thành công.

Làm thế nào để chạy biểu mẫu đăng nhập?

• Để chạy biểu mẫu đăng nhập, hãy mở bảng điều khiển XAMPP và chạy máy chủ Apache và PHP.
• Bây giờ, nhập tên địa phương/xampp/tên thư mục/tên tệp trong trình duyệt và nhấn phím Enter.
• Tất cả các thiết lập được thực hiện ngay bây giờ. Nhập tên người dùng và mật khẩu vào biểu mẫu đăng nhập và nhấp vào nút Đăng nhập.

• Ở đây, chúng tôi đã chèn một tên người dùng không chính xác, vì vậy người dùng không thể đăng nhập và nó sẽ gây ra lỗi không thể đăng nhập.

Output:

• Bây giờ, chúng tôi sẽ cung cấp giá trị chính xác trong tên người dùng và mật khẩu. Vì vậy, người dùng sẽ được đăng nhập thành công. Xem trong ví dụ dưới đây.

Đầu ra

Làm thế nào để bạn kết nối với cơ sở dữ liệu từ mã PHP?

Làm cách nào để kết nối trang đăng nhập và trang đăng ký của tôi với cơ sở dữ liệu của tôi?

Mẫu đăng nhập PHP là gì?

Làm cách nào để kết nối trang HTML với cơ sở dữ liệu trong PHP?