Bướ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

<. LOẠI TÀI LIỆU html>

<đầu>

Khóa học mới. Phát triển Full Stack cho người mới bắt đầu

Bướ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

thân hình {

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ác {

màu sắc. #888;

cỡ chữ. 18px;

đệm. 10px;

}

cái nút {

trôi nổi. bên phải;

lai lịch. rgb(35, 174, 202);

đệm. 10px 15px;

màu sắc. #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 sắc. #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 sắc. rgb(134, 3, 3);

}

một {

trôi nổi. bên phải;

lai lịch. rgb(183, 225, 233);

đệm. 10px 15px;

màu sắc. #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

Bướ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

Nổi bật so với các đồng nghiệp của bạn trong mùa đánh giá này

Bước 5 - Tạo phiên đăng xuất

Trong phần này, bạn sẽ tạo một "đăng xuất. tập tin php".  

Khi người dùng chọn tùy chọn đăng xuất, mã được đề cập bên dưới sẽ tự động chuyển hướng người dùng trở lại trang đăng nhập

phiên_bắt đầu();

session_unset();

session_destroy();

tiêu đề ("Vị trí. mục lục. php");

Bước 6 - Tạo Mã cho Trang chủ

Tiếp theo, hướng dẫn này sẽ chỉ cho bạn cách quay lại trang chủ.  

Mã cho trang chủ là

phiên_bắt đầu();

if (isset($_SESSION['id']) && isset($_SESSION['user_name'])) {

?>

<. LOẠI TÀI LIỆU html>

<đầu>

Xin chào,

Đăng xuất

}khác{

tiêu đề ("Vị trí. mục lục. php");

lối ra();

}

?>

Mong muốn trở thành một PHP Developer? . đăng ký ngay bây giờ

Sự kết luận

Điều này đưa chúng ta đến phần kết luận của hướng dẫn Biểu mẫu đăng nhập PHP. Qua đây, các bạn đã học cách tạo form Login PHP, cách tạo sheet CSS cho website, cách tạo database, code kết nối Database trên Microsoft Visual Studio. Tìm hiểu xác thực biểu mẫu PHP trong bài học tiếp theo của chúng tôi

Bạn có dự định tham gia một khóa học về PHP không? . Chứng chỉ PHP bao gồm tất cả các khái niệm cơ bản và nâng cao trong PHP, giúp hành trình học PHP của bạn trở nên dễ dàng

Bạn có câu hỏi nào cho chúng tôi không? .