Maison > Article > développement back-end > Comment accéder à la page de détails en php

Comment accéder à la page de détails en php

PHPzoriginal: 2023-04-24 09:07:24684parcourir

Avec le développement continu de l'Internet moderne, de plus en plus de sites Web utilisent des listes d'informations et les pages d'informations détaillées correspondantes pour afficher différentes catégories d'informations. Dans le processus de développement d'un site Web, la manière de passer de la page de liste d'informations à la page d'informations détaillées est une étape très importante. Cet article explique comment utiliser PHP pour réaliser cette fonction.

1. Connaissances préalables

Avant d'étudier cet article, nous devons maîtriser les prérequis suivants :

Syntaxe de base PHP
Connaissance de base des bases de données
Connaissance de base du développement de sites Web
Connaissances de base du front-end

II , Méthode d'implémentation

Voyons comment implémenter cette fonction :

Construire la base de données

Tout d'abord, nous devons créer une table dans la base de données pour stocker la liste d'informations et ses détails. Prenons comme exemple "products" et créons une table nommée "products" dans la base de données, comprenant les champs suivants :

id : identifiant du produit
name : nom du produit
description : description du produit
price : prix du produit
image : url de l'image du produit
created_at : heure de création
updated_at : heure de mise à jour

Page de construction

Ensuite, nous devons créer une page de liste d'informations pour afficher différents produits. Nous utilisons HTML et CSS pour construire cette page, comme indiqué ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <title>产品列表</title>
    <style>
        .product {
            margin-bottom: 30px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            overflow: hidden;
            display: inline-block;
            width: 30%;
            vertical-align: top;
            margin-right: 3%;
            margin-left: 3%;
        }
        .product img {
            margin-bottom: 10px;
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .product h2 {
            font-size: 20px;
            margin-bottom: 5px;
        }
        .product p {
            font-size: 16px;
            margin-bottom: 10px;
        }
        .product a {
            display: block;
            text-align: center;
            background-color: #333;
            color: #fff;
            padding: 10px;
            border-radius: 5px;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div class="product">
        <img src="https://via.placeholder.com/200x200.png?text=Product+1" alt="Product 1">
        <h2>Product 1</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <a href="">详细信息</a>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/200x200.png?text=Product+2" alt="Product 2">
        <h2>Product 2</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <a href="">详细信息</a>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/200x200.png?text=Product+3" alt="Product 3">
        <h2>Product 3</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <a href="">详细信息</a>
    </div>
</body>
</html>

Nous utilisons des éléments div pour afficher différents produits, comprenant principalement des images, des titres, des descriptions et des boutons "détails". Mais nous n'avons encore ajouté aucune fonctionnalité au bouton "Détails".

PHP Jump

Maintenant, nous devons accéder à la page d'informations détaillées du produit après avoir cliqué sur le bouton "Détails". Nous pouvons utiliser PHP pour réaliser cette fonction.

Tout d'abord, ajoutez des paramètres d'URL à chaque bouton "Détails" pour marquer l'ID du produit actuel. Par exemple :

<a href="details.php?id=1">详细信息</a>

Dans cet exemple, nous utilisons "details.php" comme URL de la page de détails et transmettons le paramètre d'ID de produit "id=1" à la page.

Ensuite, nous devons utiliser PHP dans la page de détails pour obtenir ce paramètre et obtenir les détails du produit de la base de données. Tout d'abord, nous devons ajouter le code suivant à la page de détails pour obtenir les paramètres de l'URL :

<?php
if (isset($_GET[&#39;id&#39;])) {
    $id = $_GET[&#39;id&#39;];
} else {
    header(&#39;Location: index.php&#39;);
    exit;
}
?>

Dans ce code, nous utilisons la fonction isset() pour vérifier si le paramètre "id" existe dans le tableau $_GET, et si il existe, récupérez-le. La valeur est affectée à la variable $id. Sinon, nous redirigeons l'utilisateur vers la page de liste d'informations et utilisons la fonction header() pour implémenter le saut.

Ensuite, nous devons utiliser des instructions de requête SQL pour obtenir les informations détaillées du produit à partir de la base de données et les afficher sur la page. Nous pouvons utiliser le code suivant pour y parvenir :

<?php
$db = mysqli_connect(&#39;localhost&#39;, &#39;username&#39;, &#39;password&#39;, &#39;database&#39;);

$query = "SELECT * FROM products WHERE id = $id";
$result = mysqli_query($db, $query);
if (mysqli_num_rows($result) == 0) {
    echo &#39;产品不存在&#39;;
    exit;
} else {
    $product = mysqli_fetch_assoc($result);
}
?>

<!DOCTYPE html>
<html>
<head>
    <title><?php echo $product[&#39;name&#39;]; ?></title>
    <style>
        .product {
            margin-bottom: 30px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            overflow: hidden;
            width: 100%;
        }
        .product img {
            margin-bottom: 10px;
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .product h2 {
            font-size: 20px;
            margin-bottom: 5px;
        }
        .product p {
            font-size: 16px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="product">
        <img src="<?php echo $product[&#39;image&#39;]; ?>" alt="<?php echo $product[&#39;name&#39;]; ?>">
        <h2><?php echo $product[&#39;name&#39;]; ?></h2>
        <p><?php echo $product[&#39;description&#39;]; ?></p>
        <p>价格：<?php echo $product[&#39;price&#39;]; ?></p>
    </div>
</body>
</html>

Dans ce code, nous utilisons d'abord la fonction mysqli_connect() pour nous connecter à la base de données MySQL, et utilisons l'instruction SELECT pour obtenir les données du produit correspondant à l'ID de la base de données. Si le produit n'existe pas, utilisez l'instruction echo pour afficher « Le produit n'existe pas » et terminer le script. Sinon, nous stockons les données du produit dans le tableau $product et les affichons sur la page en utilisant le code HTML et PHP.

3. Résumé

Cet article explique comment utiliser PHP pour passer de la page de liste d'informations à la page d'informations détaillées. Dans le processus de réalisation de cette fonction, nous devons maîtriser plusieurs aspects de connaissances tels que les instructions de requête de base de données, HTML, CSS et PHP. J'espère que cet article pourra vous aider à mieux comprendre comment utiliser PHP pour accéder à la page de détails.

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!

php sql mysql css html echo select 数据库

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment vérifier si les valeurs d'un tableau sont répétées en phpArticle suivant：Comment vérifier si les valeurs d'un tableau sont répétées en php

Articles Liés

Voir plus