Làm cách nào để tạo biểu mẫu đăng nhập bằng html với cơ sở dữ liệu SQL?

Trước hết, bạn phải cài đặt bất kỳ loại phần mềm XAMPP hoặc WAMP hoặc MAMP nào trên máy tính xách tay hoặc máy tính của mình. Với phần mềm này, bạn sẽ nhận được một máy chủ web cục bộ tôi. e. Apache, ngôn ngữ PHP và cơ sở dữ liệu MySQL. Mã hoàn chỉnh có trên Github và liên kết tải xuống là phần cuối cùng của bài viết này

Trong bài viết này mình ví dụ PHP, MySQL với kết nối cơ sở dữ liệu trong code xampp

Sau khi cài đặt bạn cần vào Xampp xem hình bên dưới

Sau khi cài đặt bất kỳ phần mềm máy tính xách tay hoặc máy tính để bàn nào, bạn cần kiểm tra máy chủ cục bộ của mình có hoạt động hay không. Mở trình duyệt của bạn và kiểm tra URL này http. //127. 0. 0. 1 hoặc http. //máy chủ cục bộ/. Nếu điều này đang hoạt động, điều đó có nghĩa là bạn đã kích hoạt máy chủ web cục bộ bằng PHP/MySQL

Ngoài ra, GUI PHPmyAdmin sắp ra mắt để xử lý các thao tác CRUD i. e. chèn (tạo), cập nhật, xóa và chọn (đọc) bản ghi từ bảng. Giao diện này dựa trên trình duyệt và rất hữu ích, dễ sử dụng để tạo và quản lý cơ sở dữ liệu phpmyadmin theo dạng bảng (cột, hàng)

Nếu bạn có cài đặt ở trên, bạn có thể tiếp tục để bắt đầu mã hóa của mình

Nếu bạn không có máy chủ web dựa trên ngăn xếp LAMP thì bạn có thể thực hiện việc này trực tiếp trong không gian lưu trữ của mình

Nếu bạn có thêm bất kỳ câu hỏi nào thì bạn có thể bình luận tại bài đăng này. Chúng tôi sẽ trả lời truy vấn của bạn

Giả sử bạn có một trang web để chèn dữ liệu trường biểu mẫu liên hệ vào DB của mình. Đối với điều này, bạn cần làm theo các bước sau

Bước 1. Lọc các yêu cầu về biểu mẫu HTML của bạn cho trang web liên hệ với chúng tôi

Giả sử bạn đã chọn trường biểu mẫu Tên (nhập văn bản), Email (nhập email), Điện thoại (nhập số) và tin nhắn (văn bản nhiều dòng). Nút gửi biểu mẫu cũng cần thiết để gửi biểu mẫu. Bạn sẽ nhận được biểu mẫu hoàn chỉnh trong mã hóa HTML ở bước 3

Bước 2. Tạo cơ sở dữ liệu và bảng trong MySQL

Mở trình duyệt web (chrome, firefox, edge, v.v. , ) và nhập http này. //localhost/phpmyadmin/ hoặc http. //127. 0. 0. 1/phpmyadmin/ cho GUI mở để quản lý DB trên máy tính của bạn. Xem màn hình xampp bên dưới như thế nào

Nhấp vào liên kết cơ sở dữ liệu và tạo db của bạn bằng tên “db_contact”. Xem hình ảnh bên dưới

Sau khi tạo DB của bạn, bạn cần tạo một bảng theo bất kỳ tên nào, tôi chọn “tbl_contact” với số lượng trường 5. Ta chọn 4 trường trên cùng Tên, Email, Điện thoại và Tin nhắn. Cột đầu tiên chúng tôi sẽ giữ để duy trì số sê-ri và về mặt kỹ thuật, khóa chính (số duy nhất của mỗi bản ghi). Xem hình ảnh bên dưới

Khi bạn nhấp để đi, bạn sẽ nhận được màn hình này. Bây giờ chúng tôi cần cung cấp mọi thông tin trường

Xem hình ảnh bên dưới mà tôi đã thêm thông tin trường. Vì vậy, đối với trường Tên đã sử dụng trường Tên – fldName, Email – fldEmail, Điện thoại – fldPhone, Tin nhắn – fldMessage

Bây giờ hãy nhấp vào nút lưu ở dưới cùng bên phải màn hình của bạn. Sau khi lưu bảng của bạn, nó được tạo trong cơ sở dữ liệu của bạn

Bạn có thể tạo DB và bảng của mình bằng SQL bên dưới. Bạn phải sao chép mã sau đây và dán vào cơ sở dữ liệu MySQL GUI  phpmyadmin hoặc bất kỳ GUI hoặc dấu nhắc lệnh nào khác. Ở cuối blog, bạn sẽ nhận được liên kết tải xuống git để tải xuống tệp SQL

--
-- Database: `mydb`
--

CREATE DATABASE IF NOT EXISTS `db_contact` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
USE `db_contact`;

-- --------------------------------------------------------

--
-- Table structure for table `tbl_contact`
--

DROP TABLE IF EXISTS `tbl_contact`;
CREATE TABLE IF NOT EXISTS `tbl_contact` (
`id` int(11) NOT NULL,
`fldName` int(50) NOT NULL,
`fldEmail` int(150) NOT NULL,
`fldPhone` varchar(15) NOT NULL,
`fldMessage` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_contact`
--
ALTER TABLE `tbl_contact`
ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `tbl_contact`
--
ALTER TABLE `tbl_contact`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

Bước 3. Tạo biểu mẫu HTML để kết nối với cơ sở dữ liệu

Bây giờ bạn phải tạo một biểu mẫu HTML. Đối với điều này, trước tiên bạn cần tạo một thư mục làm việc và sau đó tạo một trang web có tên “liên hệ. html”. Nếu bạn cài xampp thì thư mục làm việc của bạn nằm trong thư mục này “E. \xampp\htdocs”. Bạn có thể tạo một thư mục mới “liên hệ” trên thư mục làm việc localhost của bạn. Tạo một “liên hệ. html” và dán đoạn mã sau vào

Contact Form


Name 



Email



Phone



Message


 

Bây giờ biểu mẫu của bạn đã sẵn sàng. Bạn có thể kiểm tra nó trong liên kết localhost của bạn http. // localhost/liên hệ/liên hệ. html
Bước tiếp theo mình sẽ tạo code PHP/MySQL

Bước 4. Tạo một trang PHP để lưu dữ liệu từ dạng HTML vào cơ sở dữ liệu MySQL của bạn

Hành động của biểu mẫu HTML liên hệ nằm trên “liên hệ. trang php”. Trên trang này, chúng tôi sẽ viết mã để chèn bản ghi vào cơ sở dữ liệu

Để lưu trữ dữ liệu trong MySQL dưới dạng bản ghi, trước tiên bạn phải kết nối với DB. Kết nối mã rất đơn giản. mysql_connect trong PHP không được dùng cho phiên bản mới nhất do đó tôi đã sử dụng nó ở đây mysqli_connect.

$con = mysqli_connect("localhost","your_localhost_database_user","your_localhost_database_password","your_localhost_database_db");

Bạn cần đặt giá trị cho tên người dùng và mật khẩu localhost của mình. Thông thường tên người dùng cơ sở dữ liệu MySQL localhost là root và mật khẩu trống hoặc root. Ví dụ, mã như dưới đây

$con = mysqli_connect('localhost', 'root', '',’db_contact’);
The “db_contact” is our database name that we created before.
After connection database you need to take post variable from the form. See the below code
$txtName = $_POST['txtName'];
$txtEmail = $_POST['txtEmail'];
$txtPhone = $_POST['txtPhone'];
$txtMessage = $_POST['txtMessage'];

Khi bạn nhận được biến post thì bạn cần viết lệnh SQL sau

$sql = "INSERT INTO `tbl_contact` (`Id`, `fldName`, `fldEmail`, `fldPhone`, `fldMessage`) VALUES ('0', '$txtName', '$txtEmail', '$txtPhone', '$txtMessage');"

Đối với truy vấn lửa trên cơ sở dữ liệu, bạn cần viết dòng sau

$rs = mysqli_query($con, $sql);

Đây là mã PHP để chèn dữ liệu vào cơ sở dữ liệu của bạn từ một biểu mẫu

Bước 5. Tất cả đã được làm xong

Bây giờ phần mã hóa đã xong. Tải xuống mã từ github

Nếu bạn muốn kiểm tra thì bạn có thể điền vào mẫu http. // localhost/liên hệ/liên hệ. html và xem kết quả trong cơ sở dữ liệu. Bạn có thể kiểm tra qua phpmyadmin bản ghi đã chèn của bạn

Tại sao phải có kỹ năng như một nhà phát triển PHP tùy chỉnh?

Php là ngôn ngữ lập trình phía máy chủ phổ biến nhất. Nó được sử dụng hơn 70% so với các ngôn ngữ phát triển trang web khác. Vì rất nhiều ứng dụng CMS và PHP tùy chỉnh đã được phát triển trên PHP, do đó, nó sẽ là một ngôn ngữ đòi hỏi khắt khe trong 5 năm tới

Công ty phát triển PHP trên toàn thế giới đang tìm kiếm các nhà phát triển PHP giá rẻ ở Ấn Độ. Nhiều công ty cũng thích các nhà phát triển PHP tự do ở Delhi, London, Bangalore, Mumbai (tại địa phương). Nếu bạn muốn thuê một nhà phát triển chuyên dụng thì bạn cần phải có kỹ năng cho mình

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

Làm cách nào để tạo biểu mẫu đăng nhập trong HTML?

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

Làm cách nào để tạo trang đăng nhập quản trị viên trong HTML?