Comment utiliser la fonction PHP Developer City : créer une page de détails sur le produit-tutoriel php-php.cn

Comment utiliser la fonction PHP Developer City : créer une page de détails sur le produit

WBOY

Libérer： 2023-07-30 13:46:01

original

1651 Les gens l'ont consulté

Comment utiliser la fonction PHP Developer Mall : créer une page de détails sur le produit

Avec le développement rapide du commerce électronique, développer un site Web de centre commercial entièrement fonctionnel est devenu un besoin pour de nombreux développeurs. En tant que l'une des pages les plus importantes du site Web d'un centre commercial, la page de détails du produit doit afficher des informations détaillées sur le produit, attirer l'attention de l'utilisateur et l'inciter à acheter. Cet article explique comment utiliser la page de détails du produit dans la fonction PHP Developer City et fournit des exemples de code.

Étape 1 : Créer une table de base de données

Tout d'abord, nous devons créer une table de base de données pour stocker les détails du produit. Supposons que notre base de données s'appelle "myshop" et que la table soit nommée "products". La table contient les champs suivants : id (ID du produit), nom (nom du produit), prix (prix du produit), description (description du produit). Le tableau peut être créé à l'aide de l'instruction SQL suivante :

CREATE TABLE products (
    id INT(11) NOT NULL AUTO_INCREMENT,
    name VARCHAR(100) NOT NULL,
    price DECIMAL(10, 2) NOT NULL,
    description TEXT,
    PRIMARY KEY (id)
);

Copier après la connexion

Étape 2 : Créer un modèle HTML pour la page de détails du produit

Avant de créer la page de détails du produit, nous créons d'abord un modèle HTML comme base. Ce qui suit est un exemple simple de modèle HTML de page de détails de produit :

<!DOCTYPE html>
<html>
<head>
    <title>产品详情</title>
</head>
<body>
    <h1>产品详情</h1>
    <div>
        <h2 id="product-name"></h2>
        <p id="product-price"></p>
        <p id="product-description"></p>
    </div>
</body>
</html>

Copier après la connexion

Étape 3 : Écrivez du code PHP pour obtenir des informations sur le produit

Ensuite, nous devons écrire du code PHP pour obtenir des informations sur le produit à partir de la base de données et l'insérer au milieu du modèle HTML. . Voici un exemple de code PHP simple :

<?php
    // 建立与数据库的连接
    $conn = mysqli_connect("localhost", "username", "password", "myshop");
    if (!$conn) {
        die("连接数据库失败: " . mysqli_connect_error());
    }

    // 获取产品ID
    $productId = $_GET["id"];

    // 查询产品信息
    $sql = "SELECT * FROM products WHERE id = $productId";
    $result = mysqli_query($conn, $sql);
    $product = mysqli_fetch_assoc($result);

    // 关闭数据库连接
    mysqli_close($conn);
?>

<!-- 在HTML模板中插入产品信息 -->
<script>
    window.onload = function() {
        document.getElementById("product-name").innerHTML = "<?php echo $product['name']; ?>";
        document.getElementById("product-price").innerHTML = "价格: <?php echo $product['price']; ?>";
        document.getElementById("product-description").innerHTML = "<?php echo $product['description']; ?>";
    };
</script>

Copier après la connexion

Dans le code ci-dessus, nous établissons d'abord une connexion à la base de données, puis obtenons l'ID du produit (généralement transmis via un paramètre d'URL). Ensuite, exécutez l'instruction de requête pour obtenir des informations sur le produit et stockez les résultats dans la variable $product. Enfin, fermez la connexion à la base de données. Dans le modèle HTML, nous utilisons l'instruction echo de PHP pour insérer dynamiquement des informations sur le produit dans l'élément HTML correspondant.

Étape 4 : Testez la page de détails du produit

Après avoir terminé les étapes ci-dessus, nous pouvons accéder à la page de détails du produit via l'URL suivante :

http://yourdomain.com/product.php?id=1

Copier après la connexion

Parmi eux, id=1 représente l'ID du produit. En modifiant la valeur du paramètre id, nous pouvons visualiser les détails des différents produits.

Résumé :

Grâce aux étapes ci-dessus, nous avons réussi à créer une page de détails du produit basée sur PHP. En cours de développement, nous pouvons étendre cette page en fonction des besoins, comme l'ajout de photos de produits, d'avis d'utilisateurs et d'autres fonctions. J'espère que cet article vous aidera à comprendre comment utiliser la page de détails du produit de la fonction PHP Developer City. N'oubliez pas que l'apprentissage et la pratique continus sont les meilleurs moyens d'améliorer vos compétences en matière de développement. Bon développement !

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!