Hướng dẫn can we use database in html? - chúng ta có thể sử dụng cơ sở dữ liệu trong html không?
Show Giới thiệuCác bước sau & NBSP; được yêu cầu thiết kế biểu mẫu đăng ký (mẫu đăng ký):design a registration form (Sign Up Form): Bước 1: Đầu tiên, cài đặt máy chủ ảo trên máy tính của bạn (ví dụ: XAMPP, WAMP). Firstly, install a virtual server on your computer (eg Xampp, Wamp). XAMPP là một gói ngăn xếp giải pháp web đa nền tảng miễn phí và nguồn mở được phát triển bởi Apache Friends, bao gồm chủ yếu là máy chủ HTTP Apache, cơ sở dữ liệu MySQL và phiên dịch cho các tập lệnh được viết trong ngôn ngữ lập trình PHP và Perl. XAMPP là viết tắt của đa nền tảng (X), Apache (A), MySQL (M), PHP (P) và Perl (P).XAMPP stands for Cross-Platform (X), Apache (A), MySQL (M), PHP (P), and Perl (P). Hình: & NBSP; XAMPP ServerXampp Server Bước 2: Tiếp theo, chúng tôi sẽ yêu cầu một trình soạn thảo trong đó mã HTML phải được viết. Bạn có thể sử dụng bất kỳ trình soạn thảo nào (chẳng hạn như Notepad ++, Adobe Dreamweaver, Netbeans, v.v.). Ở đây chúng tôi sẽ sử dụng Notepad ++. Next we will require an editor where the HTML code has to be written. You can use any editor (such as Notepad++, Adobe Dreamweaver, NetBeans, etc). Here we will use Notepad ++. Bước 3: & NBSP; Cài đặt Notepad ++. Đây là các bước:Install Notepad++. Here are the steps: Hình: Notepad ++Notepad ++ Notepad ++ là một trình soạn thảo mã nguồn được sử dụng với Microsoft Windows. Nó hỗ trợ chỉnh sửa ở dạng bảng, cho phép chúng tôi làm việc với nhiều tệp mở trong một cửa sổ. Notepad ++ được phân phối dưới dạng phần mềm miễn phí. Nhấp vào liên kết đầu tiên trong cửa sổ Trình duyệt. Sau khi nhấp vào liên kết đầu tiên, cửa sổ sau sẽ xuất hiện. Hình: Tải xuống Notepad ++ & NBSP; & NBSP;Download Notepad ++ Tải xuống phần mềm bằng cách nhấp vào nút Tải xuống. Bước 4: Mở Trình soạn thảo văn bản Notepad ++ và viết mã HTML để thiết kế trang đăng ký HTML. \: Open the Notepad++ text editor and write the HTML code for designing the HTML Sign Up page.\ Chúng tôi sẽ sử dụng các thẻ HTML khác nhau để thiết kế trang. Bạn có thể bao gồm các trường theo sự tiện lợi của bạn (tức là bất kỳ trường nào bạn yêu cầu cho biểu mẫu). Ở đây tôi đã bao gồm các lĩnh vực theo sự thuận tiện của tôi. Có chế độ xem mã được viết trong notepad ++, Có thể bạn quan tâm
Ở đây tôi đã bao gồm thẻ liên kết để liên kết tệp CSS cho trang HTML này.LINK tag to link the CSS file for this HTML page. Ngôn ngữ đánh dấu HTML hoặc siêu văn bản là ngôn ngữ tiêu chuẩn và cơ bản nhất được sử dụng để tạo các trang web. CSS là viết tắt của các bảng kiểu xếp tầng này được sử dụng cho mục đích tạo kiểu. Mã hóa HTML chỉ là một cấu trúc và CSS được áp dụng để chỉ ra giao diện và cảm nhận của trang web của bạn. Kích thước phông chữ, màu phông chữ, kiểu hình phông chữ của hình ảnh, bố cục trang, hiệu ứng chuột và nhiều hơn nữa được xác định bởi CSS. Các CS được áp dụng trên mã hóa HTML ở trên được đưa ra dưới đây.This is used for styling purpose. HTML coding is just a structure and CSS is applied to dictate your website's look and feel. Font size, font color, font style styling of images, page layout, mouse-over effects and more are determined by CSS. The CSS applied over the above HTML coding is given below.
Ở đây bạn sẽ tự hỏi tại sao tôi đã sử dụng trong HTML. Hãy để tôi giải thích cho bạn tầm quan trọng của việc sử dụng. Phần tử thường được sử dụng làm công cụ bố cục. Chúng ta cần xem cách sử dụng chúng sau này trong phần cơ thể của trang. Để sử dụng lớp của bạn, tất cả những gì bạn cần làm là thêm thuộc tính Lớp = "" vào thẻ bạn muốn có kiểu của lớp. Vì vậy, nếu bạn muốn đọc một dòng văn bản, bạn có thể thêm thuộc tính lớp vào thẻ, như thế này: . Ở đây chúng tôi đã sử dụng lớp này vì chúng tôi có thể trực tiếp áp dụng CSS trên lớp này. Các thẻ đã được mở cũng nên được đóng lại. Bây giờ chúng ta hãy di chuyển xa hơn. Bước 5: & nbsp; áp dụng CSS trên mã HTML. Các quy tắc chung để áp dụng CSS là:: Apply CSS on the HTML code. General rules for applying CSS are: Chúng tôi sử dụng DOT (.) Bên cạnh bất kỳ lớp nào để áp dụng các hiệu ứng vào nó và ’##Thẻ trước bất kỳ ID nào. Ví dụ.dot(.) beside any class to apply effects into it and ‘#’ tag before any
ID. E.g. .thùng đựng hàng { & nbsp; & nbsp; & nbsp; // Các thuộc tính CSS sẽ được viết ở đây} Ở đây tôi đã lấy container làm lớp học. Lớp được xác định bởi người dùng. Lưu ý: Lưu trang Sign_up trong thư mục XAMPP-> HTDOCS-> Tạo một thư mục mới (do người dùng xác định). Bên trong thư mục mới này, bạn phải giữ tất cả các dữ liệu liên quan đến dự án của bạn. Nó có thể là bất kỳ loại hình ảnh nào được sử dụng trong trang web, mã hóa HTML hoặc mã hóa CSS. Tôi có nghĩa là nói tất cả những thứ được sử dụng trong việc tạo một trang web phải nằm dưới một mái nhà (tức là trong một thư mục). & Nbsp;Save the Sign_Up page in the xampp folder->htdocs->create a new folder( user-defined). Inside this new folder, you have to keep all the data related to your project. It may be any kind of images used in webpage, HTML
coding, or CSS coding. I mean to say all the things that are used in creating a web page must be under one roof (i.e under one folder). Hình: Sign_upSign_Up Sau khi viết mã HTML và áp dụng CSS ở trên, trang đăng ký sẽ trông giống như ở trên. Tiếp theo, chúng tôi sẽ chèn dữ liệu vào các trường của trang Sign_up và lưu trữ thông tin trong MySQL. Đối với điều đó, chúng tôi phải khởi động bộ điều khiển XAMPP. & NBSP; Bắt đầu Apache và MySQL trong bộ điều khiển XAMPP.XAMPP controller. Bây giờ chúng tôi sẽ đi đến cấp độ tiếp theo, nơi chúng tôi sẽ sử dụng cú pháp PHP. PHP
PHP là ngôn ngữ kịch bản phía máy chủ được thiết kế để phát triển web nhưng cũng được sử dụng như một ngôn ngữ lập trình đa năng.PHP: Hypertext Preprocessor". Hình: XAMMP bắt đầuXammp Start PHP là một ngôn ngữ kịch bản nguồn mở được sử dụng rộng rãi. Các tập lệnh PHP được thực thi trên máy chủ. PHP miễn phí để tải xuống và sử dụng. Mã PHP được thực thi trên máy chủ và kết quả được trả về trình duyệt dưới dạng HTML đơn giản. Các tệp PHP có phần mở rộng ".php". PHP có thể thu thập dữ liệu biểu mẫu..php". PHP can collect form data. PHP có thể thêm, xóa, sửa đổi dữ liệu trong cơ sở dữ liệu của bạn. Nó chạy trên các nền tảng khác nhau (Windows, Linux, Unix, Mac OS X, v.v.) và hỗ trợ một loạt các cơ sở dữ liệu. PHP rất dễ học và chạy hiệu quả ở phía máy chủ. Biến PHP (Quy tắc) Biến đầu ra Câu lệnh Php ‘Echo thường được sử dụng để xuất dữ liệu vào màn hình.echo’ statement is often used to output data to the screen. Mẫu PHP Viết mã hóa HTML cho trang Sign_up và lưu nó dưới dạng index.php. Một lần nữa tạo một trang PHP có tên Connection.php nơi chúng tôi sẽ viết mã để tạo kết nối với cơ sở dữ liệu.index.php. Again create a PHP page named connection.php where we will write the code for creating a connection with the database. Ở đây như bạn đang thấy rằng tôi đã sử dụng các biến do người dùng xác định để gán một cái gì đó. Điều này làm cho tôi dễ dàng viết mã hiệu quả và theo cách sạch sẽ. Ở đây tôi đã gán localhost cho $ servername, 'root' cho $ username và mật khẩu đã bị bỏ trống. mysql_select_db () - Điều này được sử dụng để chọn cơ sở dữ liệu được tạo trong localhost/phpmyadmin. Bây giờ chúng ta hãy tạo một cơ sở dữ liệu trong MySQL. Cửa sổ PHPMyAdmin sẽ trông giống như ảnh chụp màn hình sau:$servername, ’root’ to $username and password has been left blank. Again I have written mysql_connect()—this is mainly used to open a connection to MySQL server. Again we have used
mysql_select_db()—this is used to select the database created in localhost/phpmyadmin. Hình: & nbsp; phpmyadmin Tại đây bạn có thể tạo cơ sở dữ liệu của riêng bạn và nhiều bảng bên trong đó.phpmyadmin Giả sử ở đây tôi đã tạo một cơ sở dữ liệu có tên ‘Kiểm tra, bên trong tôi đã tạo một bảng có tên‘ Đăng ký. Trong bảng này, chúng tôi sẽ tạo các trường được sử dụng trong mẫu đăng ký của chúng tôi như fname, mname, lname, pwd, cnf, mail, số, giới tính, địa chỉ, mã, thành phố, quốc gia, kỹ năng, đính kèm_file. Lưu ý: & nbsp; Ở đây chúng tôi có thể viết bất kỳ tên nào cho các trường liên quan, chỉ cần ghi nhớ những cái tên bạn đã đặt cho các trường tương đối. Bạn có thể tạo một bảng theo cách thủ công hoặc bằng cách viết truy vấn. Ở đây, tôi đã tạo ra nó bằng tay. Here we can write any name for the concerned fields, just keep in mind the names you have given for the relative fields. Hình: Chèn các trường Ở đây ghi kiểu dữ liệu (hầu hết thời gian chúng tôi sử dụng varchar), độ dài theo số. Sau khi điền vào tên trường bấm vào để tiếp tục. Insert fields Sau khi chèn, bạn có thể xem các trường được chèn trong đó dữ liệu sẽ được tìm nạp từ biểu mẫu. Cấu trúc như trong ảnh chụp màn hình sau: Hình: Cấu trúc Bây giờ tạo một trang PHP khác và đặt tên nó đã sửa đổi.php. Structure Trên trang này, chúng tôi sẽ viết mã để xem làm thế nào chúng tôi có thể tìm nạp dữ liệu từ các trường.modified.php. Đối với điều này, chúng tôi sẽ sử dụng các phương thức biểu mẫu thông qua đó chúng tôi sẽ truy xuất dữ liệu được nhập vào các trường và lưu trữ nó vào cơ sở dữ liệu MySQL của chúng tôi. Thuộc tính phương thức chỉ định cách gửi dữ liệu biểu mẫu (dữ liệu biểu mẫu được gửi đến trang được chỉ định trong thuộc tính hành động). Dữ liệu biểu mẫu có thể được gửi dưới dạng các biến URL (với Phương thức = "get") hoặc dưới dạng giao dịch bài HTTP (với Phương thức = "Post"). Về cơ bản, chúng tôi sử dụng bất kỳ hai phương pháp sau đây để tìm nạp dữ liệu từ các trường. Nhận phương thức: & nbsp; Phương thức GET tạo ra một chuỗi dài xuất hiện ở vị trí của trình duyệt. Nó có một hạn chế chỉ gửi tới 1024 ký tự. Chúng ta không bao giờ nên sử dụng phương thức GET nếu chúng ta có mật khẩu hoặc thông tin nhạy cảm khác sẽ được gửi đến máy chủ. PHP cung cấp mảng liên kết $ _get để truy cập tất cả các thông tin được gửi bằng phương thức GET.methods to fetch data from the fields. Here I have included listing.php file because in this PHP file I have written the code for listing all the inserted data. |