Heim  >  Artikel  >  Backend-Entwicklung  >  Wie man mit PHP eine einfache Online-Fotoalbum-Funktion entwickelt

Wie man mit PHP eine einfache Online-Fotoalbum-Funktion entwickelt

WBOY
WBOYOriginal
2023-09-21 08:21:471583Durchsuche

Wie man mit PHP eine einfache Online-Fotoalbum-Funktion entwickelt

So entwickeln Sie mit PHP eine einfache Online-Fotoalbumfunktion

Fotoalbum ist eine gängige Funktion zum Anzeigen von Bildern online. Es kann uns dabei helfen, Bilder bequem zu durchsuchen, zu teilen und herunterzuladen. In diesem Artikel wird erläutert, wie Sie mit PHP ein einfaches Online-Fotoalbum entwickeln, und es werden spezifische Codebeispiele bereitgestellt.

1. Richten Sie eine Entwicklungsumgebung ein
Zuerst müssen wir eine Entwicklungsumgebung einrichten. Sie können eine integrierte Entwicklungsumgebung (IDE) wie XAMPP, WAMP oder MAMP installieren, die über einen integrierten Apache-Server, eine MySQL-Datenbank und einen PHP-Interpreter verfügt.

2. Erstellen Sie eine Datenbank
Als nächstes müssen wir eine Datenbank erstellen, um die Albumdaten zu speichern. Sie können phpMyAdmin oder andere Datenbankverwaltungstools verwenden, um eine neue Datenbank zu erstellen und sie „photo_album“ (oder einen anderen Namen Ihrer Wahl) zu nennen.

In dieser Datenbank können wir zwei Tabellen erstellen, eine zum Speichern von Albuminformationen und die andere zum Speichern von Fotoinformationen. Hier erstellen wir zwei Tabellen: Alben und Fotos.

  1. Albumtabelle
    Albumtabelle wird zum Speichern grundlegender Informationen des Albums verwendet, einschließlich Feldern wie Album-ID, Albumname und Erstellungszeit. Die Tabelle kann mit der folgenden SQL-Anweisung erstellt werden:

CREATE TABLE albums(
id INT(11) PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
erstellt_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

  1. photos table
    Die Fototabelle dient zum Speichern spezifischer Fotoinformationen in jedem Album, einschließlich Feldern wie Foto-ID, Fotoname, Dateiname, Album-ID und Upload-Zeit. Die Tabelle kann mit der folgenden SQL-Anweisung erstellt werden:

CREATE TABLE photos(
id INT(11) PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
filename VARCHAR(255) NOT NULL,
album_id INT( 11) ) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (album_id) REFERENCES albums(id) ON DELETE CASCADE
);

3. Erstellen Sie eine Albumseite
Als nächstes können wir eine Seite namens „index.php“ erstellen " Datei, wird zum Anzeigen der Albumliste und zum Hochladen neuer Alben verwendet. Sie können den folgenden Code verwenden:

<?php
// 导入数据库连接配置文件
require_once 'config.php';

// 查询相册列表
$query = "SELECT * FROM albums";

$result = mysqli_query($conn, $query);
?>

<!DOCTYPE html>
<html>
<head>
  <title>相册列表</title>
  <style>
    .album {
      margin-bottom: 20px;
    }
  </style>
</head>
<body>

<h1>相册列表</h1>

<?php while ($row = mysqli_fetch_assoc($result)): ?>
  <div class="album">
    <h2><?php echo $row['name']; ?></h2>
    <p>创建时间:<?php echo $row['created_at']; ?></p>
    <p><a href="view_album.php?id=<?php echo $row['id']; ?>">查看相册</a></p>
  </div>
<?php endwhile; ?>

<h2>上传新相册</h2>
<form action="upload_album.php" method="post">
  <label for="name">相册名称:</label>
  <input type="text" name="name" id="name" required>
  <input type="submit" value="上传">
</form>

</body>
</html>

4. Erstellen Sie eine Albumdetailseite. Erstellen Sie eine Datei mit dem Namen „view_album.php“, um die Fotos im angegebenen Album anzuzeigen. Sie können den folgenden Code verwenden:

<?php
// 导入数据库连接配置文件
require_once 'config.php';

// 获取相册ID
$albumId = $_GET['id'];

// 查询相册名称
$query = "SELECT name FROM albums WHERE id = $albumId";
$result = mysqli_query($conn, $query);
$albumName = mysqli_fetch_assoc($result)['name'];

// 查询相册中的照片列表
$query = "SELECT * FROM photos WHERE album_id = $albumId";

$result = mysqli_query($conn, $query);
?>

<!DOCTYPE html>
<html>
<head>
  <title>相册详情 - <?php echo $albumName; ?></title>
  <style>
    .photo {
      margin-bottom: 20px;
    }
  </style>
</head>
<body>

<h1><?php echo $albumName; ?></h1>

<?php while ($row = mysqli_fetch_assoc($result)): ?>
  <div class="photo">
    <h2><?php echo $row['name']; ?></h2>
    <p>上传时间:<?php echo $row['created_at']; ?></p>
    <img  src="uploads/<?php echo $row['filename']; ? alt="Wie man mit PHP eine einfache Online-Fotoalbum-Funktion entwickelt" >" alt="<?php echo $row['name']; ?>" width="200">
  </div>
<?php endwhile; ?>

<h2>上传新照片</h2>
<form action="upload_photo.php" method="post" enctype="multipart/form-data">
  <input type="hidden" name="album_id" value="<?php echo $albumId; ?>">
  <label for="name">照片名称:</label>
  <input type="text" name="name" id="name" required>
  <br>
  <label for="file">照片文件:</label>
  <input type="file" name="file" id="file" required>
  <br>
  <input type="submit" value="上传">
</form>

</body>
</html>

5. Alben und Fotos hochladen

Als nächstes müssen wir den Code schreiben, um Alben und Fotos hochzuladen. Sie können eine Datei mit dem Namen „upload_album.php“ erstellen, um die Logik zum Hochladen von Alben zu verwalten. Der Code lautet wie folgt:

<?php
// 导入数据库连接配置文件
require_once 'config.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $name = $_POST['name'];

  // 插入相册信息
  $query = "INSERT INTO albums(name) VALUES ('$name')";
  mysqli_query($conn, $query);

  // 重定向到相册首页
  header('Location: index.php');
}

Ähnlich können Sie eine Datei mit dem Namen „upload_photo.php“ erstellen, um die Logik des Hochladens von Fotos zu verwalten. Der Code lautet wie folgt:

<?php
// 导入数据库连接配置文件
require_once 'config.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $name = $_POST['name'];
  $albumId = $_POST['album_id'];
  $filename = $_FILES['file']['name'];

  // 上传照片文件到服务器
  move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $filename);

  // 插入照片信息
  $query = "INSERT INTO photos(name, filename, album_id) VALUES ('$name', '$filename', $albumId)";
  mysqli_query($conn, $query);

  // 重定向到相册详情页面
  header("Location: view_album.php?id=$albumId");
}

6. Komplett

An dieser Stelle wurde eine einfache Online-Fotoalbum-Funktion entwickelt. Sie können die Seite „index.php“ in Ihrem Browser besuchen, um die Albumliste anzuzeigen. Klicken Sie hier, um das Album aufzurufen, um Fotos anzuzeigen und neue Fotos hochzuladen. Ich hoffe, dieser Artikel kann Ihnen helfen, PHP zur Entwicklung von Fotoalbumfunktionen zu verwenden!

Das obige ist der detaillierte Inhalt vonWie man mit PHP eine einfache Online-Fotoalbum-Funktion entwickelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn