编写 PHP 代码：使用 PHP 编写后端代码，实现从数据库中获取数据并在前端页面显示。

好的，下面是一个简单的 PHP 代码示例，用于从 MySQL 数据库中获取旅游相关的数据并在前端页面显示：

1.连接到 MySQL 数据库：

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

2.从数据库中获取数据：

// 从 "city" 表中获取所有城市的数据
$sql = "SELECT * FROM city";
$result = $conn->query($sql);

// 检测是否有数据
if ($result->num_rows > 0) {
  // 输出数据
  while($row = $result->fetch_assoc()) {
    echo "城市名称: " . $row["name"]. " - 描述: " . $row["description"]. "<br>";
  }
} else {
  echo "0 结果";
}

3.在前端页面显示数据：

// 在城市列表页面中显示城市名称和图片
<div class="container">
  <div class="row">
    <?php
      // 从 "city" 表中获取所有城市的数据
      $sql = "SELECT * FROM city";
      $result = $conn->query($sql);

      // 检测是否有数据
      if ($result->num_rows > 0) {
        // 输出数据
        while($row = $result->fetch_assoc()) {
          echo '<div class="col-md-4">
                  <div class="card mb-4 box-shadow">
                    <img class="card-img-top" src="' . $row["image_url"] . '" alt="' . $row["name"] . '">
                    <div class="card-body">
                      <p class="card-text">' . $row["name"] . '</p>
                      <div class="d-flex justify-content-between align-items-center">
                        <div class="btn-group">
                          <a href="city.php?id=' . $row["id"] . '" class="btn btn-sm btn-outline-secondary">查看详情</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>';
        }
      } else {
        echo "0 结果";
      }
    ?>
  </div>
</div>

注意，以上只是一个简单的示例，实际开发中需要根据实际需求和安全性进行调整和优化。