PHP에서 세부정보 페이지로 이동하는 방법-PHP 문제-php.cn

PHP에서 세부정보 페이지로 이동하는 방법

PHPz

풀어 주다： 2023-04-24 09:21:17

원래의

739명이 탐색했습니다.

현대 인터넷의 지속적인 발전과 함께 점점 더 많은 웹사이트가 정보 목록과 해당 상세 정보 페이지를 사용하여 다양한 정보 카테고리를 표시하고 있습니다. 웹사이트 개발 과정에서 정보 목록 페이지에서 상세 정보 페이지로의 점프를 구현하는 방법은 매우 중요한 단계입니다. 이 기사에서는 PHP를 사용하여 이 기능을 구현하는 방법을 소개합니다.

1. 전제 지식

이 기사를 공부하기 전에 다음 전제 조건을 마스터해야 합니다:

PHP 기본 구문
기본 데이터베이스 지식
웹 사이트 개발에 대한 기본 지식
기본 프런트 엔드 지식

II , 구현 방법

이 기능을 구현하는 방법을 살펴보겠습니다.

데이터베이스 구축

먼저 데이터베이스에 정보 목록과 세부 정보를 저장할 테이블을 구축해야 합니다. "products"를 예로 들어 데이터베이스에 다음 필드를 포함하는 "products"라는 테이블을 생성해 보겠습니다.

id: 제품 ID
name: 제품 이름
description: 제품 설명
price: 제품 가격
image: 제품 이미지 url
created_at: 생성 시간
updated_at: 업데이트 시간

페이지 구축

다음으로, 다양한 제품을 표시할 정보 목록 페이지를 구축해야 합니다. 아래와 같이 HTML과 CSS를 사용하여 이 페이지를 구축합니다.

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

로그인 후 복사

div 요소를 사용하여 주로 이미지, 제목, 설명 및 "세부 정보" 버튼을 포함한 다양한 제품을 표시합니다. 하지만 아직 "세부정보" 버튼에 어떤 기능도 추가하지 않았습니다.

PHP Jump

이제 '상세정보' 버튼을 클릭하면 해당 상품의 상세정보 페이지로 이동해야 합니다. 이 기능을 구현하기 위해 PHP를 사용할 수 있습니다.

먼저 각 "세부정보" 버튼에 URL 매개변수를 추가하여 현재 제품의 ID를 표시합니다. 예:

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

로그인 후 복사

이 예에서는 세부정보 페이지의 URL로 "details.php"를 사용하고 제품 ID 매개변수 "id=1"을 페이지에 전달합니다.

그런 다음 세부정보 페이지에서 PHP를 사용하여 이 매개변수를 가져오고 데이터베이스에서 제품 세부정보를 가져와야 합니다. 먼저 URL 매개변수를 가져오려면 세부정보 페이지에 다음 코드를 추가해야 합니다.

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

로그인 후 복사

이 코드에서는 isset() 함수를 사용하여 $_GET 배열에 "id" 매개변수가 있는지 확인하고, 존재하면 가져오십시오. 값은 $id 변수에 할당됩니다. 그렇지 않으면 사용자를 정보 목록 페이지로 리디렉션하고 header() 함수를 사용하여 점프를 구현합니다.

다음으로 SQL 쿼리문을 사용하여 데이터베이스에서 제품의 세부 정보를 가져와서 페이지에 표시해야 합니다. 이를 달성하기 위해 다음 코드를 사용할 수 있습니다.

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

로그인 후 복사

이 코드에서는 먼저 mysqli_connect() 함수를 사용하여 MySQL 데이터베이스에 연결하고 SELECT 문을 사용하여 데이터베이스에서 ID에 해당하는 제품 데이터를 가져옵니다. 제품이 없으면 echo 문을 사용하여 "제품이 존재하지 않습니다"를 출력하고 스크립트를 종료합니다. 그렇지 않으면 제품 데이터를 $product 배열에 저장하고 HTML 및 PHP 코드를 사용하여 페이지에 표시합니다.

3. 요약

이 글에서는 PHP를 사용하여 정보 목록 페이지에서 상세 정보 페이지로 이동하는 방법을 소개합니다. 이 기능을 구현하는 과정에서 우리는 데이터베이스 쿼리문, HTML, CSS, PHP와 같은 지식의 여러 측면을 마스터해야 합니다. 이 기사가 PHP를 사용하여 세부정보 페이지로 이동하는 방법을 더 잘 이해하는 데 도움이 되기를 바랍니다.

위 내용은 PHP에서 세부정보 페이지로 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!