오늘은 PHP 프로젝트에 페이지 링크를 추가하는 방법을 배웠습니다. 또한 페이지의 데이터가 포함된 파일을 관리하는 방법도 알아보세요.
그런 식으로 만들려면 먼저 웹사이트 https://www.tailwindui.com에 가서 다양한 레이아웃이나 홈 페이지 디자인을 확인해야 합니다.
디자인을 선택하면 디자인 오른쪽에 코드를 복사할 수 있는 옵션이 있습니다. 복사한 후 다음 단계를 따르세요.
VS 코드 프로젝트(버전 1.
근무시 90)
, 다음 종속성이 필요합니다.
HTML5 기본 코드
페이지 스타일링을 위한 CSS
PHP 페이지 생성
<!--html This example requires updating your template: ``` <html class="h-full bg-gray-100"> <body class="h-full"> ``` -->
다음과 같이 코드에 추가하세요.
DOCTYPE html> <html lang="en" class="h-full bg-gray-100"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body class="h-full">
앵커 태그 에 페이지 링크가 있습니다. HTML의 형식:
<a href="/" class="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white" aria-current="page">Home</a> <a href="/abput.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">About</a> <a href="/contact.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Contact Us</a> <a href="/testing.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Testing</a>
버튼 스타일은 링크가 있는 앵커 태그에도 적용됩니다. :hover 의사 클래스를 사용하여 눌렀을 때 버튼의 상태를 변경합니다.
이 코드를 추가한 후 코드를 디버깅하고 실행할 때 빈 화면이 나타납니다. 이 문제를 해결하려면 맨 위에 시작 PHP 태그(
이 파일의 이름은 index.php입니다
<?php require"Index.view.php";
이제 출력이 표시됩니다.
모든 내용을 명확히 이해하시기 바랍니다.
단일 파일을 수정하여 페이지를 변경하려면 태그. 새 디렉터리와 그 안에 nav.php라는 새 파일을 만들고 이 파일에 코드를 붙여넣습니다. 이 파일을 프로젝트의 나머지 부분에 활용하려면 원본 코드를 복사했던 동일한 위치에 해당 주소를 포함시켜야 합니다.
단계 요약은 다음과 같습니다.
<?php require('particles/nav.php') ?>
이렇게 하면 단일 파일(nav.php)에서 탐색 모음 변경 사항을 관리하고 해당 파일이 포함된 모든 페이지에 업데이트가 반영되도록 할 수 있습니다.
이해해주시길 바랍니다.
위 내용은 PHP에서 단일 파일을 변경하여 어떻게 페이지 링크를 추가하고 페이지 변경 사항을 관리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!