HTML本身并不能直接获取数据库的信息,需要通过服务器端的编程语言(如PHP、Python、Java等)来连接数据库并获取数据,然后将数据传递给HTML页面进行展示,以下是使用PHP和MySQL数据库的示例:
(图片来源网络,侵删)
1. 创建数据库连接
需要在服务器端创建一个数据库连接,这里以PHP为例,假设你已经安装了MySQL数据库,并且已经创建了一个名为mydb的数据库和一个名为users的数据表。
<?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "mydb"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检测连接 if ($conn>connect_error) { die("连接失败: " . $conn>connect_error); } ?>2. 查询数据
接下来,编写一个SQL查询语句来从users表中获取所有用户的信息。
$sql = "SELECT id, name, email FROM users"; $result = $conn>query($sql);3. 将数据传递给HTML
在查询到数据后,需要将数据传递给HTML页面,可以使用PHP的while循环遍历查询结果,并将每一行数据输出到HTML表格中。
<!DOCTYPE html> <html> <head> <title>用户列表</title> </head> <body> <table border="1"> <tr> <th>ID</th> <th>姓名</th> <th>邮箱</th> </tr> <?php if ($result>num_rows > 0) { // 输出数据 while($row = $result>fetch_assoc()) { echo "<tr><td>" . $row["id"] . "</td><td>" . $row["name"] . "</td><td>" . $row["email"] . "</td></tr>"; } } else { echo "0 结果"; } ?> </table> </body> </html>4. 关闭数据库连接
不要忘记在页面结束时关闭数据库连接。
$conn>close(); ?>将以上代码保存为一个PHP文件(user_list.php),然后在服务器上运行该文件,就可以在浏览器中看到从数据库中获取的用户信息。