Bagaimana untuk melompat ke halaman butiran dalam php-masalah PHP-php.cn

Bagaimana untuk melompat ke halaman butiran dalam php

PHPz

Lepaskan： 2023-04-24 09:21:17

asal

723 orang telah melayarinya

Dengan pembangunan berterusan Internet moden, semakin banyak laman web menggunakan senarai maklumat dan halaman maklumat terperinci yang sepadan untuk memaparkan kategori maklumat yang berbeza. Dalam proses pembangunan laman web, bagaimana untuk merealisasikan lompatan dari halaman senarai maklumat ke halaman maklumat terperinci adalah langkah yang sangat penting. Artikel ini akan memperkenalkan cara menggunakan PHP untuk mencapai fungsi ini.

1. Pengetahuan prasyarat

Sebelum mempelajari artikel ini, kita perlu menguasai pengetahuan prasyarat berikut:

Sintaks asas PHP
Pengetahuan asas pangkalan data
Pengetahuan asas pembangunan laman web
Pengetahuan asas front-end

2 untuk melaksanakan fungsi ini :

Membina pangkalan data

Pertama, kita perlu membina jadual dalam pangkalan data untuk menyimpan senarai maklumat dan butirannya. Mari kita ambil "produk" sebagai contoh dan buat jadual bernama "produk" dalam pangkalan data, termasuk medan berikut:

id: ID produk

nama: nama produk
penerangan: penerangan produk
harga: harga produk
imej: url imej produk
dicipta_pada: masa penciptaan
dikemas kini_pada: masa kemas kini

Halaman pembinaan

Seterusnya, kita perlu membina halaman senarai maklumat untuk memaparkan produk yang berbeza. Kami menggunakan HTML dan CSS untuk membina halaman ini, seperti yang ditunjukkan di bawah:

Kami menggunakan elemen div untuk memaparkan produk yang berbeza, terutamanya termasuk gambar, tajuk, penerangan dan butang "butiran". Tetapi kami belum menambah sebarang fungsi pada butang "Butiran" lagi.

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

Salin selepas log masuk

Lompat PHP

Kini, kita perlu melompat ke halaman maklumat terperinci produk selepas mengklik butang "Butiran". Kita boleh menggunakan PHP untuk mencapai fungsi ini.

Pertama, tambahkan parameter URL pada setiap butang "Butiran" untuk menandakan ID produk semasa. Contohnya:

Dalam contoh ini, kami menggunakan "details.php" sebagai URL halaman butiran dan menghantar parameter ID produk "id=1" ke halaman.

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

Salin selepas log masuk

Kemudian, kita perlu menggunakan PHP dalam halaman butiran untuk mendapatkan parameter ini dan mendapatkan butiran produk daripada pangkalan data. Mula-mula, kita perlu menambah kod berikut pada halaman butiran untuk mendapatkan parameter URL:

Dalam kod ini, kami menggunakan fungsi isset() untuk menyemak sama ada parameter "id" wujud dalam $_GET array , jika wujud, dapatkan nilai dan tetapkan ia kepada $id pembolehubah. Jika tidak, kami mengubah hala pengguna ke halaman senarai maklumat dan menggunakan fungsi header() untuk melaksanakan lompatan.

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

Salin selepas log masuk

Seterusnya, kita perlu menggunakan pernyataan pertanyaan SQL untuk mendapatkan maklumat terperinci produk daripada pangkalan data dan memaparkannya pada halaman. Kita boleh menggunakan kod berikut untuk mencapai ini:

Dalam kod ini, kita mula-mula menggunakan fungsi mysqli_connect() untuk menyambung ke pangkalan data MySQL, dan menggunakan pernyataan SELECT untuk mendapatkan data produk yang sepadan dengan ID daripada pangkalan data. Jika produk tidak wujud, gunakan pernyataan gema untuk mengeluarkan "Produk tidak wujud" dan tamatkan skrip. Jika tidak, kami menyimpan data produk dalam tatasusunan $product dan memaparkannya pada halaman menggunakan kod HTML dan PHP.

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

Salin selepas log masuk

3. Ringkasan

Artikel ini memperkenalkan cara menggunakan PHP untuk melompat dari halaman senarai maklumat ke halaman maklumat terperinci. Dalam proses merealisasikan fungsi ini, kita perlu menguasai pelbagai aspek pengetahuan seperti pernyataan pertanyaan pangkalan data, HTML, CSS dan PHP. Saya harap artikel ini dapat membantu anda lebih memahami cara menggunakan PHP untuk melompat ke halaman butiran.

Atas ialah kandungan terperinci Bagaimana untuk melompat ke halaman butiran dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!