PHP là ngôn ngữ lập trình kịch bản phía máy chủ và MySQL là hệ thống quản lý cơ sở dữ liệu quan hệ nguồn mở. Hai khung này, khi được sử dụng cùng nhau, có khả năng cung cấp các giải pháp rất độc đáo, chẳng hạn như tạo biểu mẫu đăng nhập.
Trong hướng dẫn này, bạn sẽ xem xét một hệ thống đăng nhập đơn giản sử dụng PHP và MySQL
Trước khi bắt đầu với các khía cạnh liên quan đến mã của PHP, chúng ta hãy xem các điều kiện tiên quyết để tạo biểu mẫu đăng nhập
điều kiện tiên quyết
- Kiến thức về HTML, CSS, PHP và MySQL
- Microsoft Visual Studio [Để viết mã]
- Cài đặt XAMPP
Hãy bắt đầu với chủ đề đầu tiên, tôi. e. , tạo biểu mẫu đăng nhập PHP
Chương trình sau đại học. Phát triển web đầy đủ ngăn xếp
hợp tác với Caltech CTME Đăng ký ngayBước 1- Tạo biểu mẫu đăng nhập HTML PHP
Để tạo một biểu mẫu đăng nhập, hãy làm theo các bước được đề cập bên dưới
- Mở Microsoft Visual Studio -> tạo một tệp mới và đặt tên là tệp SL
- Bây giờ, trên một trang, hãy viết mã được đề cập trong ví dụ bên dưới
- Chương trình HTML sẽ tạo một biểu mẫu trang web cho phép người dùng tự đăng nhập
Mã bao gồm các phần tử HTML. Các yếu tố cơ bản là
Phần tử hiển thị tiêu đề của tài liệu. Nhãn chỉ có thể ở định dạng văn bản và nó hiển thị văn bản trong tab của trình duyệt
Nó tạo ra một liên kết giữa tài liệu làm việc và tài nguyên bên ngoài
Phần tử xác định đầu vào của người dùng được bao gồm trong khi tạo HTML.
Nó hiển thị một trường đầu vào một dòng
Nó định nghĩa một nhãn cho nhiều phần tử biểu mẫu. Nó chủ yếu chỉ ra nút radio/hộp kiểm
ĐĂNG NHẬP
ĐĂNG NHẬP
Tên người dùng
Mật khẩu
Đăng nhập
Khóa học mới. Phát triển Full Stack cho người mới bắt đầu
Tìm hiểu Git Command, Angular, NodeJS, Maven và hơn thế nữa Đăng ký ngayBước 2. Tạo mã CSS cho thiết kế trang web
Tiếp theo là trang tính CSS. Bây giờ, mục đích là tạo tệp biểu định kiểu xếp tầng [CSS] để cải thiện thiết kế của trang web
Mã cho. tệp css bên dưới
cơ thể người {
lai lịch. #91a716;
trưng bày. uốn cong;
biện minh cho nội dung. trung tâm;
sắp xếp các mục. trung tâm;
chiều cao. 100vh;
hướng uốn. cột;
}
*{
họ phông chữ. chữ ẩu;
kích thước hộp. hộp đệm;
}
hình thức {
bề rộng. 1000px;
biên giới. 3px rắn rgb[177, 142, 142];
đệm. 20px;
lai lịch. rgb[85, 54, 54];
bán kính đường viền. 20px;
}
h2 {
căn chỉnh văn bản. trung tâm;
lề dưới. 40px;
}
đầu vào {
trưng bày. khối;
biên giới. 2px rắn #ccc;
bề rộng. 95%;
đệm. 10px;
lề. tự động 10px;
bán kính đường viền. 5px;
}
nhãn {
màu. #888;
cỡ chữ. 18px;
đệm. 10px;
}
cái nút {
trôi nổi. đúng;
lai lịch. rgb[35, 174, 202];
đệm. 10px 15px;
màu. #ffff;
bán kính đường viền. 5px;
lề phải. 10px;
biên giới. không ai;
}
cái nút. bay lượn{
độ mờ đục. . 10;
}
lỗi {
lai lịch. #F2DEDE;
màu. #0c0101;
đệm. 10px;
bề rộng. 95%;
bán kính đường viền. 5px;
lề. tự động 20px;
}
h1 {
căn chỉnh văn bản. trung tâm;
màu. rgb[134, 3, 3];
}
một {
trôi nổi. đúng;
lai lịch. rgb[183, 225, 233];
đệm. 10px 15px;
màu. #ffff;
bán kính đường viền. 10px;
lề phải. 10px;
biên giới. không ai;
trang trí văn bản. không ai;
}
a. bay lượn{
độ mờ đục. . 7;
}
Lưu tên tập tin là "Style. css" trong Microsoft Visual Studio
Đầu ra cho mã trông giống như sau
Khi người dùng gửi các giá trị đầu vào, chúng sẽ được xác minh dựa trên thông tin đăng nhập được lưu trữ trong cơ sở dữ liệu. Tại đây, nếu tên người dùng và mật khẩu trùng khớp, người dùng sẽ được đưa đến trang web tiếp theo. Nếu không, nỗ lực đăng nhập sẽ bị từ chối
Bây giờ, để đăng nhập, điều quan trọng là phải thêm thông tin đăng nhập vào cơ sở dữ liệu
Khóa học Full Stack Web Developer
Để trở thành chuyên gia về MEAN Stack Xem khóa họcBước 3. Tạo bảng cơ sở dữ liệu bằng MySQL
Khi bạn tạo một cơ sở dữ liệu, bạn đang tạo một cấu trúc như thế này
Tên
Mật khẩu
Chandler
Monika@123
Ross
Rachel@123
Bây giờ, hãy khởi động máy chủ SQL Xampp của bạn và chọn quản trị viên. Thao tác này sẽ đưa bạn đến trang web phpMyAdmin. Bây giờ, hãy đăng nhập bằng tên người dùng và mật khẩu của bạn
Bây giờ, trên PhPMYAdmin, hãy tạo cơ sở dữ liệu mới bằng cách nhấp vào "Mới" ở phía bên trái của trang web
Tiếp theo, nhập tên cho cơ sở dữ liệu có nội dung "Tạo cơ sở dữ liệu".
Sau đó, bạn sẽ được chuyển đến trang tiếp theo nơi bạn sẽ tạo một bảng mới. Bây giờ, nhập tên bảng mong muốn.
Tiếp theo, bạn có thể chọn số loại mong muốn cho hộp văn bản 'Trường'.
Ghi chú. Các trường là các cột; . Trong hộp văn bản, nhập số '4'. Bạn cũng có thể tăng số lượng dựa trên yêu cầu.
Khi bạn đã hoàn thành các bước, hãy nhấp vào nút Bắt đầu.
Trong không gian loại, chọn các tùy chọn này.
Tiếp theo, đặt khóa chính cho trường ID bằng cách chọn tùy chọn danh sách thả xuống và chọn lưu
Ghi chú. Giả sử bạn nhận được lỗi #1067 trong các phiên bản sau của phpMyAdmin, hãy thay đổi danh sách thả xuống Mặc định từ Dấu thời gian thành Không.
Khi bạn lưu cái này, bạn sẽ được chuyển đến màn hình cấu trúc.
Đây phải là đầu ra cuối cùng
Bắt đầu sự nghiệp viết mã với Caltech CTME
Hội thảo trên web miễn phí. thứ hai, ngày 9 tháng giêng. 10 giờ tối IST Đăng ký ngayBước 4. Mở kết nối đến cơ sở dữ liệu MySQL
Khi bạn tạo cơ sở dữ liệu PHPMyAdmin, bước tiếp theo của bạn là viết mã trên Visual Studio
Chuyển đến Microsoft visual code -> tạo một tệp mới và đặt tên là kết nối DB
Bây giờ, trong đoạn mã dưới đây, bạn sẽ thấy hàm mysqli_connect[]. Như tên cho thấy, nó thực hiện nhiệm vụ tương tự. Nó kết nối cơ sở dữ liệu với biểu mẫu đã được tạo