Comment utiliser PHP pour développer une fonction simple d'album photo en ligne-tutoriel php-php.cn

Comment utiliser PHP pour développer une fonction simple d'album photo en ligne

WBOY

Libérer： 2023-09-21 08:22:01

original

1718 Les gens l'ont consulté

Comment utiliser PHP pour développer une fonction simple dalbum photo en ligne

Comment utiliser PHP pour développer une fonction simple d'album photo en ligne

L'album photo est une fonction courante pour afficher des images en ligne. Il peut nous aider à parcourir, partager et télécharger des images facilement. Cet article explique comment utiliser PHP pour développer un album photo en ligne simple et fournit des exemples de code spécifiques.

1. Mettre en place un environnement de développement
Tout d'abord, nous devons mettre en place un environnement de développement. Vous pouvez choisir d'installer un environnement de développement intégré (IDE) tel que XAMPP, WAMP ou MAMP, doté d'un serveur Apache, d'une base de données MySQL et d'un interpréteur PHP intégrés.

2. Créer une base de données
Ensuite, nous devons créer une base de données pour stocker les données de l'album. Vous pouvez utiliser phpMyAdmin ou d'autres outils de gestion de base de données pour créer une nouvelle base de données et la nommer "photo_album" (ou tout autre nom de votre choix).

Dans cette base de données, nous pouvons créer deux tables, l'une pour stocker les informations sur l'album et l'autre pour stocker les informations sur les photos. Ici, nous créons deux tableaux : albums et photos.

table d'albums
la table d'albums est utilisée pour stocker les informations de base de l'album, y compris des champs tels que l'ID de l'album, le nom de l'album et l'heure de création. La table peut être créée à l'aide de l'instruction SQL suivante :

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

photos table
Le tableau des photos est utilisé pour stocker des informations spécifiques sur les photos dans chaque album, y compris des champs tels que l'identification de la photo, le nom de la photo, le nom du fichier, l'ID de l'album et l'heure de téléchargement. La table peut être créée à l'aide de l'instruction SQL suivante :

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. Créer une page d'album
Ensuite, nous pouvons créer une page appelée "index.php". " Fichier, utilisé pour afficher la liste des albums et télécharger de nouveaux albums. Vous pouvez utiliser le code suivant :

<?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>

Copier après la connexion

4. Créer une page de détails d'album
Créez un fichier nommé "view_album.php" pour afficher les photos de l'album spécifié. Vous pouvez utiliser le code suivant :

<?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="Comment utiliser PHP pour développer une fonction simple d'album photo en ligne" >" 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>

Copier après la connexion

5. Téléchargez des albums et des photos
Ensuite, nous devons écrire le code pour télécharger des albums et des photos. Vous pouvez créer un fichier nommé "upload_album.php" pour gérer la logique de téléchargement des albums. Le code est le suivant :

<?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');
}

Copier après la connexion

De même, vous pouvez créer un fichier nommé "upload_photo.php" pour gérer la logique de téléchargement des photos. Le code est le suivant :

<?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");
}

Copier après la connexion

6. Complet
À ce stade, une simple fonction d'album photo en ligne a été développée. Vous pouvez visiter la page "index.php" dans votre navigateur pour afficher la liste des albums. Cliquez pour accéder à l'album pour afficher les photos et télécharger de nouvelles photos. J'espère que cet article pourra vous aider à utiliser PHP pour développer des fonctions d'album photo !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!