今天我學會了在PHP專案中加入頁面連結。並且也知道如何管理包含頁面資料的文件。
首先你必須去網站 https://www.tailwindui.com 檢查不同的主頁版面或設計才能這樣建立。
當您選擇了設計後,在設計的右上角有一個複製程式碼的選項。複製它,然後按照後續步驟操作。
在 VS Code 專案中(版本 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">
<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中文網其他相關文章!