PHP melaksanakan fungsi dinding foto

Dengan pembangunan rangkaian sosial, dinding foto telah menjadi ciri yang sangat popular. Dinding foto membolehkan pengguna memuat naik dan melayari foto dalam bentuk aliran air terjun pada halaman, yang sangat sesuai untuk laman web rasmi, album peribadi, blog dan senario lain yang memaparkan sejumlah besar gambar. Hari ini, kami akan menggunakan PHP untuk melaksanakan fungsi dinding foto.

1. Tentukan pemilihan teknologi

Sebelum melaksanakan fungsi dinding foto, kita perlu melakukan beberapa kerja persediaan. Pertama, kita perlu menentukan teknologi yang akan digunakan untuk melaksanakan dinding foto. Terdapat dua yang biasa:

• Gunakan pemalam jQuery: seperti Masonry, Isotop, dsb., yang boleh melaksanakan reka letak aliran air terjun dengan mudah.
• Gunakan PHP untuk menulis aliran air terjun: gunakan gelung PHP dan pernyataan bersyarat untuk mengira kedudukan gambar secara manual.

Dalam artikel ini, kami akan menggunakan kaedah kedua, iaitu menggunakan aliran air terjun tulisan tangan PHP, untuk melaksanakan fungsi dinding foto.

2. Reka bentuk pangkalan data

Sebelum melaksanakan fungsi dinding foto, kita perlu mereka bentuk pangkalan data untuk menyimpan maklumat foto. Kami perlu menyimpan ID, nama fail, tajuk foto, masa muat naik dan maklumat lain bagi setiap foto. Struktur pangkalan data khusus adalah seperti berikut:

BUAT JADUAL photos (
id int(11) BUKAN NULL AUTO_INCREMENT,
file_name varchar(255) BUKAN NULL,
title varchar(255) BUKAN NULL,
created_at tarikh masa BUKAN NULL,
KUNCI UTAMA (id)
) ENGINE=CARSET LALAI InnoDB=utf8;

3. Muat Naik Foto

Sebelum melaksanakan fungsi dinding foto, kita juga perlu melaksanakan fungsi muat naik foto supaya pengguna boleh memuat naik foto dan menyimpannya dalam pangkalan data. Kita boleh menggunakan fungsi muat naik fail PHP untuk mencapai fungsi ini. Langkah-langkah khusus adalah seperti berikut:

• Pertama, kami perlu menambah borang muat naik fail ke halaman untuk membolehkan pengguna memuat naik foto.
• Selepas pengguna memuat naik foto, kami perlu menerima foto di latar belakang dan menyimpannya dalam folder yang ditentukan pada pelayan. Nama fail yang disimpan boleh dikenal pasti menggunakan cap masa.
• Selepas menyimpannya pada pelayan, kita perlu memasukkan maklumat foto ke dalam pangkalan data.

Berikut ialah contoh kod PHP mudah untuk memuat naik foto.

$upload_dir = './uploads/';

if ($_FILES) {

$file = $_FILES['file'];
$file_name = time() . '-' . $file['name'];
$file_path = $upload_dir . $file_name;

if (move_uploaded_file($file['tmp_name'], $file_path)) {
    $title = $_POST['title'];
    $created_at = date('Y-m-d H:i:s');

    $connection = mysqli_connect('localhost', 'user', 'password', 'database');
    $query = "INSERT INTO photos (file_name, title, created_at) VALUES ('$file_name', '$title', '$created_at')";
    mysqli_query($connection, $query);
}

}

?>

4. Tunjukkan dinding foto

Selepas pengguna memuat naik beberapa foto, kami perlu memaparkan foto ini dalam dinding foto. Kami menggunakan PHP pada halaman hadapan untuk menanyakan maklumat foto dalam pangkalan data, dan kemudian secara dinamik menambah foto ke halaman berdasarkan kedudukan yang dikira. Proses khusus adalah seperti berikut:

• Soal maklumat foto dalam pangkalan data dan susunkannya dalam susunan terbalik mengikut masa muat naik.
• Gunakan gelung untuk melintasi maklumat foto yang ditanya dan mengira lokasi setiap foto.
• Tambahkan foto pada halaman secara dinamik berdasarkan lokasi yang dikira. Anda boleh menggunakan HTML dan CSS untuk menentukan reka letak foto anda.

Berikut ialah contoh kod PHP mudah untuk memaparkan dinding foto.

$connection = mysqli_connect('localhost', 'user', 'password', 'database');
$query = "SELECT * FROM photos ORDER BY created_at DESC ";

$result = mysqli_query($connection, $query);

$photos = array();

while ($row = mysqli_fetch_assoc($result)) {

$photos[] = $row;

}

?>

<?php foreach ($photos as $key => $photo): ?>
    <?php
    $width = rand(250, 500);
    $height = rand(250, 500);
    $left = $key % 2 == 0 ? 0 : 1;
    ?>

    <div class="item" style="width:<?= $width ?>px; height:<?= $height ?>px; left:<?= $left * 50 ?>%;">
        <img  src="./uploads/<?= $photo['file_name'] ? alt="PHP melaksanakan fungsi dinding foto" >" alt="<?= $photo['title'] ?>">
    </div>
<?php endforeach; ?>

5. Ringkasan

Di atas adalah keseluruhan proses menggunakan PHP untuk melaksanakan fungsi dinding foto. Apabila melaksanakan fungsi dinding foto, anda perlu memberi perhatian kepada perkara berikut:

• Tentukan pemilihan teknologi dan pilih teknologi yang sesuai untuk melaksanakan fungsi dinding foto mengikut situasi sebenar.
• Reka bentuk pangkalan data untuk menyimpan maklumat imej.
• Laksanakan fungsi muat naik foto dan simpan maklumat foto yang dimuat naik ke dalam pangkalan data.
• Paparkan dinding foto dan tambah gambar secara dinamik pada halaman mengikut kedudukan yang dikira.

Saya harap artikel ini dapat membantu anda melaksanakan fungsi dinding foto dengan cepat. Jika anda mempunyai sebarang soalan atau cadangan, sila tinggalkan di ruangan komen.

Atas ialah kandungan terperinci PHP melaksanakan fungsi dinding foto. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!