Rumah  >  Artikel  >  pembangunan bahagian belakang  >  Bagaimana untuk melompat ke halaman butiran dalam php

Bagaimana untuk melompat ke halaman butiran dalam php

PHPz
PHPzasal
2023-04-24 09:07:24684semak imbas

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:

  1. Sintaks asas PHP
  2. Pengetahuan asas pangkalan data
  3. Pengetahuan asas pembangunan laman web
  4. Pengetahuan asas front-end

2 untuk melaksanakan fungsi ini :

Membina pangkalan data
  1. 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
  1. 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>

Lompat PHP
  1. 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>

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

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>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn