HTML是用來創(chuàng)建網(wǎng)頁的一種標(biāo)記語言,而MySQL則是一種非常流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。在網(wǎng)頁開發(fā)中,可以使用HTML和MySQL結(jié)合起來,實現(xiàn)數(shù)據(jù)的動態(tài)展示和交互。下面我們來了解一下如何在HTML中使用MySQL數(shù)據(jù)庫。
1.首先,需要在服務(wù)器端創(chuàng)建一個MySQL數(shù)據(jù)庫,并添加所需的表格和字段。隨后在HTML頁面的代碼中引入MySQL數(shù)據(jù)庫,并連接到數(shù)據(jù)庫。具體代碼如下:
<!DOCTYPE html> <html> <head> <title>使用MySQL數(shù)據(jù)庫</title> </head> <body> <?php //連接到MySQL數(shù)據(jù)庫 $servername = "localhost"; $username = "root"; $password = ""; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("連接失敗: " . $conn->connect_error); } echo "連接成功"; ?> </body> </html>
2.連接成功后,就可以使用MySQL查詢語句來獲取所需的數(shù)據(jù),并將其展示在HTML頁面中。例如,以下代碼展示了如何從數(shù)據(jù)庫中獲取學(xué)生成績,并將其展示在HTML表格中:
<!DOCTYPE html> <html> <head> <title>使用MySQL數(shù)據(jù)庫</title> </head> <body> <?php //連接到MySQL數(shù)據(jù)庫 $servername = "localhost"; $username = "root"; $password = ""; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("連接失敗: " . $conn->connect_error); } //獲取學(xué)生成績數(shù)據(jù) $sql = "SELECT id, name, score FROM student"; $result = $conn->query($sql); if ($result->num_rows > 0) { //輸出數(shù)據(jù)到HTML表格 echo "<table><tr><th>ID</th><th>姓名</th><th>成績</th></tr>"; while($row = $result->fetch_assoc()) { echo "<tr><td>" . $row["id"]. "</td><td>" . $row["name"]. "</td><td>" . $row["score"]. "</td></tr>"; } echo "</table>"; } else { echo "沒有數(shù)據(jù)"; } $conn->close(); ?> </body> </html>
這樣,在HTML頁面中就可以動態(tài)地展示數(shù)據(jù)庫中的數(shù)據(jù)了。需要注意的是,在連接數(shù)據(jù)庫時需要填寫正確的數(shù)據(jù)庫信息,如數(shù)據(jù)庫名稱、數(shù)據(jù)庫用戶名、數(shù)據(jù)庫密碼等。