Comprendre le template - Tutoriel PHP

Dans cette vidéo, nous allons aborder le fonctionnement du template en détail. Dans les vidéos précédentes, nous avions vu que la partie vue permettait de présenter les informations à l'utilisateur. Au niveau de la vue, on va en avoir une qui va contenir du code HTML. La vue peut aussi contenir du code PHP. Prenons un exemple. Imaginons un site sur lequel vous avez trois pages, une page home, une page de contact et une page des catégories. Ça veut dire qu'ici on aura trois vues, parce que la page home, la page de contact et la page des catégories vont avoir un contenu qui sera différent. Vous voyez, sur la page Home, on va peut-être présenter les produits. Sur la page de contact, on va présenter un formulaire de contact et, sur la page des catégories, on va présenter les produits de la catégorie. Par contre, il y a une chose qui sera identique pour chacune des pages, c'est tout simplement le header et le footer. Si on regarde chacune des pages, on remarque que le header et le footer sont en général identiques. Je vais vous montrer un site réel pour bien comprendre cette partie avec le header et le footer. Pour ça, je vais aller sur le site d'Amazon. J'arrive sur le site d'Amazon et je vais aller sur sa page d'accueil. Regardez, je suis sur la page d'accueil du site d'Amazon. Sur cette page d'accueil, vous avez le header ici avec la navigation, le logo, le petit moteur de recherche, et vous avez le contenu de la page avec les catégories ( Gaming accessories, Deals in PCs...). Tout ça, c'est le contenu de la page. Si je descends sur la page, on a aussi son footer, tout en bas. Il faut savoir que, lorsque vous chargez une page, par défaut, le header et le footer sont toujours les mêmes. Si par exemple je vais sur une autre page, que je vais sur Today's Deals, je clique dessus, vous voyez que le header n'a pas changé sur la page, c'est toujours le même. Ce qui a changé, c'est le contenu de la page. Tout à l'heure, on avait des catégories. Là, on a une petite vidéo avec des produits. Vous remarquez aussi que le footer en bas de la page n'a pas changé. Il reste exactement le même. Ça veut dire quoi ? Ça veut dire que, sur un site, on a des milliers de pages. Donc on ne va pas s'embêter, pour chacune des pages, à faire à chaque fois un copier-coller du header et du footer. On va mettre en place ce qu'on va appeler un gabarit ou un layout, qui lui va contenir le header et le footer. Les parties qui vont simplement changer sur la page, c'est ce que nous on va apporter dans le contenu. C'est comme ça qu'on va procéder. Pour bien comprendre ce système de layout, on va revenir sur le document. Au niveau du document, on va voir comment on fait la mise en place d'un layout. Comment ça va marcher ? Par exemple, vous appelez la page Home. Quand vous allez l'appeler, elle va appeler une autre page qui sera le layout. Le layout va charger ce qui ne changera jamais, c'est-à-dire par exemple le header et le footer. Sur cette page, on pourra aussi charger le contenu de la page. Comme ça, on va réussir à intégrer sur la page Home le layout qui va charger automatiquement le header et le footer, et le contenu qui, lui, sera chargé par la page. Donc ça va nous faire une page complète. Mais en réalité, ce que nous allons apporter à la page, c'est son contenu. Le layout, lui, va apporter quoi ? Le header et le footer, les parties qui vont rester statiques sur toutes les pages. C'est ce procédé-là qu'on va essayer de mettre en place dans la suite de la formation.