PHP implementiert die Fotowandfunktion

Mit der Entwicklung sozialer Netzwerke sind Fotowände zu einem sehr beliebten Feature geworden. Mit der Fotowand können Benutzer Fotos in Form eines Wasserfallflusses auf der Seite hochladen und durchsuchen. Dies eignet sich sehr gut für offizielle Websites, persönliche Alben, Blogs und andere Szenarien, in denen eine große Anzahl von Bildern angezeigt wird. Heute werden wir PHP verwenden, um eine Fotowandfunktion zu implementieren.

1. Bestimmen Sie die Technologieauswahl

Bevor wir die Fotowandfunktion implementieren, müssen wir zunächst einige Vorbereitungsarbeiten durchführen. Zunächst müssen wir festlegen, mit welcher Technologie die Fotowand umgesetzt werden soll. Es gibt zwei gängige:

• Verwenden Sie jQuery-Plug-Ins wie Masonry, Isotope usw., mit denen sich das Wasserfall-Flow-Layout problemlos implementieren lässt.
• Handgeschriebener Wasserfallfluss mit PHP: Verwenden Sie PHP-Schleifen und bedingte Anweisungen, um die Position des Bildes manuell zu berechnen.

In diesem Artikel verwenden wir die zweite Methode, nämlich die Verwendung eines handgeschriebenen PHP-Wasserfallflusses, um die Fotowandfunktion zu implementieren.

2. Datenbankdesign

Bevor wir die Fotowandfunktion implementieren, müssen wir eine Datenbank zum Speichern von Fotoinformationen entwerfen. Wir müssen die ID, den Dateinamen, den Fototitel, die Upload-Zeit und andere Informationen zu jedem Foto speichern. Die spezifische Datenbankstruktur ist wie folgt:

CREATE TABLE photos (
id int(11) NOT NULL AUTO_INCREMENT,
file_name varchar(255) NOT NULL,
title varchar(255) NOT NULL,
created_at datetime NOT NULL,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

3. Fotos hochladen

Bevor wir die Fotowandfunktion implementieren, müssen wir auch eine Foto-Upload-Funktion implementieren Benutzer können Fotos hochladen und in der Datenbank speichern. Wir können die Datei-Upload-Funktion von PHP verwenden, um diese Funktion zu erreichen. Die spezifischen Schritte sind wie folgt:

• Zuerst müssen wir der Seite ein Datei-Upload-Formular hinzufügen, damit Benutzer Fotos hochladen können.
• Nachdem der Benutzer das Foto hochgeladen hat, müssen wir das Foto im Hintergrund empfangen und im angegebenen Ordner auf dem Server speichern. Gespeicherte Dateinamen können anhand von Zeitstempeln identifiziert werden.
• Nachdem wir es auf dem Server gespeichert haben, müssen wir die Fotoinformationen in die Datenbank einfügen.

Das Folgende ist ein einfaches PHP-Codebeispiel zum Hochladen von Fotos.

$upload_dir = './uploads/';

if ($_FILES) {