以下是一个简单的用HTML、CSS、PHP和数据库制作的关于和田地区美食和景色的网站代码示例:
<!DOCTYPE html>
<html>
<head>
<title>和田地区美食和景色</title>
<style>
/* CSS样式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
} h1 {
text-align: center;
} .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
margin-top: 20px;
} .card {
border: 1px solid #ccc;
padding: 10px;
} .card img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h1>和田地区美食和景色</h1> <div class="grid">
<?php
// 连接数据库
$conn = mysqli_connect("localhost", "username", "password", "database_name"); // 检查数据库连接是否成功
if (!$conn) {
die("数据库连接失败: " . mysqli_connect_error());
} // 查询美食和景色数据
$sql = "SELECT * FROM foods_and_scenery";
$result = mysqli_query($conn, $sql); // 循环输出每个数据
while ($row = mysqli_fetch_assoc($result)) {
echo "<div class='card'>";
echo "<img src='" . $row['image_url'] . "' alt='" . $row['name'] . "'>";
echo "<h2>" . $row['name'] . "</h2>";
echo "<p>" . $row['description'] . "</p>";
echo "</div>";
} // 关闭数据库连接
mysqli_close($conn);
?>
</div>
</body>
</html>
需要注意的是,上述代码中的数据库连接信息(localhost
、username
、password
、database_name
)需要根据实际情况进行替换。此外,还应该创建一个名为foods_and_scenery
的数据表,并根据需要添加相应的字段(如name
、description
、image_url
等)以存储美食和景色