HUI和MySQL數據庫

HUI是一款基于Bootstrap和jQuery的前端框架，可以快速搭建響應式布局的網站。而MySQL則是一種關系型數據庫，支持各種語言進行數據的存儲和查詢。在開發過程中，我們可以使用HUI和MySQL來構建一個完整的網站，實現數據的增刪改查。

為了連接MySQL數據庫，我們需要在PHP代碼中使用mysqli庫。下面是一個簡單的連接和查詢MySQL數據庫的代碼：

<?php
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "myDB";
// 創建連接
$conn = new mysqli($servername, $username, $password, $dbname);
// 檢測連接
if ($conn->connect_error) {
die("連接失敗: " . $conn->connect_error);
}
// 查詢數據
$sql = "SELECT id, name, age FROM students";
$result = $conn->query($sql);
if ($result->num_rows >0) {
// 輸出數據
while($row = $result->fetch_assoc()) {
echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Age: " . $row["age"]. "<br>";
}
} else {
echo "0 結果";
}
$conn->close();
?>

上面的代碼首先使用mysqli庫中的mysqli()函數創建一個連接對象，然后使用query()函數執行SQL語句并返回一個結果集對象$result。如果結果集中有數據，則使用fetch_assoc()函數按行獲取數據，并使用echo語句輸出到網頁上。最后使用close()函數關閉連接。

在HUI中，我們可以使用表格來顯示MySQL數據庫中的數據。下面是一個簡單的HUI表格代碼：

<table class="table">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<?php
// 數據庫連接和查詢省略
while($row = $result->fetch_assoc()) {
?>
<tr>
<td><?php echo $row["id"]; ?></td>
<td><?php echo $row["name"]; ?></td>
<td><?php echo $row["age"]; ?></td>
</tr>
<?php
}
?>
</tbody>
</table>

上面的代碼中，我們首先創建一個帶有thead和tbody的表格，然后在PHP代碼中循環遍歷MySQL數據庫中的數據，將每行數據輸出為一個表格行<tr>。注意在<?php?>標簽中使用echo語句輸出數據，并使用<td>標簽將數據放在表格單元格中。

綜上所述，HUI和MySQL可以相互配合，構建出一個完整的網站，實現數據的存儲和查詢。由于兩者都非常流行易用，因此在網站開發中有著廣泛的應用價值。