一、准备工作

  1. 创建一个包含图片的文件夹，例如images/。
  2. 在该文件夹中，存放需要展示的图片文件。
  3. 创建一个数据库表来存储图片信息，包括图片的路径、标题等。

二、数据库设计

以下是一个简单的数据库表设计示例：

CREATE TABLE `images` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL,
  `path` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
);

三、PHP代码实现

<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

$conn = new mysqli($servername, $username, $password, $dbname);

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

// 获取图片信息
$sql = "SELECT * FROM images";
$result = $conn->query($sql);

// 循环输出图片
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo '<div class="image-container">';
        echo '<img src="' . $row["path"] . '" alt="' . $row["title"] . '">';
        echo '<p>' . $row["title"] . '</p>';
        echo '</div>';
    }
} else {
    echo "0 结果";
}

$conn->close();
?>

四、CSS样式

.image-container {
    width: 300px;
    margin: 10px;
    float: left;
}

.image-container img {
    width: 100%;
    height: auto;
}

五、总结