Comment ajouter des liens de page et gérer les modifications d'une page en modifiant un seul fichier en PHP ?

WBOYoriginal: 2024-07-17 08:09:38749parcourir

How do you add page links and manage changes to a page by changing a single file in PHP?

Aujourd'hui, j'ai appris à ajouter des liens de page dans un projet PHP. Et savoir aussi gérer les fichiers qui contiennent les données des pages.

Important à lire

Tout d'abord, vous devez vous rendre sur le site Web https:/www.tailwindui.com pour vérifier les différentes mises en page ou conceptions des pages d'accueil pour créer comme ça.
Comme vous avez choisi votre design, dans le coin droit du design, il y a une option pour copier le code. Copiez-le, puis suivez les étapes suivantes.

Plonger dans le code

Dans le projet vs code (version 1.
90 au moment du travail)
, nous avons besoin des dépendances suivantes :

Code de base HTML5
CSS pour le style des pages
Création de pages PHP

Du côté du code VS

Ouvrez d'abord le logiciel qui est installé sur votre système puis démarrez un nouveau projet nommé index.view.php puis saisissez ! et appuyez sur Entrée pour obtenir le code de base HTML5.
Accédez à la page balisez et collez le code que vous avez copié à partir du site Web Tailwind. Lorsque vous collez le code, vous remarquerez des commentaires au début du code copié."

<!--html
  This example requires updating your template:

  ```


  <html class="h-full bg-gray-100">
  <body class="h-full">


  ```
-->

Ajoutez-les dans le code comme suit :

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

Boutons sur la page Web avec lien

La section suivante du code, copiée à partir du site Web, contient une liste de boutons - "Accueil", "À propos", "Contactez-nous" et "Test" - qui apparaissent sur l'écran de sortie. Ces boutons contiennent des liens qui dirigent l'utilisateur vers la page suivante correspondante, où les données pertinentes sont disponibles.

Un lien de page est présent dans la balise d'ancrage du HTML comme :

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

Le style du bouton est également appliqué à la balise d'ancrage avec le lien, en utilisant la pseudo-classe :hover pour changer l'état du bouton lorsqu'il est enfoncé.
Après avoir ajouté ce code, un écran vide apparaît lors du débogage et de l'exécution du code. Pour résoudre ce problème, ajoutez le fichier index.view.php avec une balise PHP de départ (

Deuxième fichier

Ce fichier est nommé index.php

<?php

require"Index.view.php";

Maintenant, la sortie s'affichera.

J'espère que vous avez bien tout compris.

Gérer la page en modifiant un seul fichier

Pour apporter des modifications à une page en modifiant un seul fichier, copiez le code à barres de navigation dans le champ

balises. Créez un nouveau répertoire et un nouveau fichier nommé nav.php à l'intérieur, et collez le code dans ce fichier. Pour utiliser ce fichier pour le reste du projet, incluez son adresse au même endroit à partir duquel le code original a été copié.

Voici un résumé des étapes :

Copiez le code à barres de navigation dans le champ
balises.
Créez un nouveau répertoire et un nouveau fichier nommé nav.php à l'intérieur.
Collez le code copié dans le fichier nav.php.
Incluez l'adresse du fichier nav.php au même endroit où le code original a été copié.

<?php require('particles/nav.php') ?>

En faisant cela, vous pouvez gérer les modifications apportées à la barre de navigation à partir d'un seul fichier (nav.php) et faire en sorte que les mises à jour soient reflétées sur toutes les pages qui l'incluent.

J'espère que vous l'avez compris.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php html5 css html for include Directory using class copy this input https issue everything

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn