請問這個怎麽和後端交互實現數據更新 <!DOCTYPE html> <html> <head> <title>设备运行实況</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: Arial, sans-serif; background-color: #f7f7f7; } h1 { text-align: center; margin-top: 50px; } table { margin: auto; border-collapse: collapse; border: 1px solid #ddd; width: 80%; } th, td { padding: 12px; text-align: center; border-bottom: 1px solid #ddd; } th { background-color: #4CAF50; color: white; } .status-ok { color: green; font-weight: bold; } .status-warning { color: orange; font-weight: bold; } .status-error { color: red; font-weight: bold; } </style> </head> <body> 设备运行实況
| 设备名称 | 运行状态 | 最近更新时间 |
|---|---|---|
| 设备 A | 正常运行 | 2021-10-01 10:30:00 |
| 设备 B | 运行异常 | 2021-10-01 11:00:00 |
| 设备 C | 停机 | 2021-10-01 12:11:00 |
<?php // 连接数据库 $conn = new mysqli("localhost", "root", "123456", "wyya"); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询五个歌单的表 $tables = array(); $result = mysqli_query($conn, "SHOW TABLES LIKE '%_list'"); if ($result->num_rows > 0) { while ($row = mysqli_fetch_array($result)) { $tables[] = $row[0]; } } // 将歌单中包含的语种代码替换成对应的语种名称 function getLanguageName($languageCode) { switch($languageCode) { case "one": return "华语"; case "two": return "欧美"; case "three": return "日语"; case "four": return "韩语"; case "five": return "粤语"; default: return ""; } } // 获取选中的歌单表 $tableName = isset($_GET["table"]) ? $_GET["table"] : ""; $data = array(); if (!empty($tableName)) { $result = mysqli_query($conn, "SELECT * FROM $tableName"); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $row["language"] = getLanguageName($row["language"]); $data[] = $row; } } } ?> <!DOCTYPE html> <html> <head> <title>网易云音乐歌单</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> 网易云音乐歌单
<?php foreach ($tables as $table) { ?> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $table; ?>"> <button type="submit" style="margin-right:10px;"> <?php echo getLanguageName(str_replace("_list", "", $table)); ?> </button> </form> <?php } ?> <?php if (!empty($tableName)) { ?>
<?php foreach ($tables as $table) { ?> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $table; ?>"> <button type="submit" style="margin-right:10px;"> <?php echo getLanguageName(str_replace("_list", "", $table)); ?> </button> </form> <?php } ?>
| <?php echo $column["Field"]; ?> | <?php } } ?>
|---|
| <?php echo $value; ?> | <?php } ?>
