Laravel 7

Avez-vous une question?  (216) 97 656 803  hajjriadh@gmail.
com
LARAVEL
Blade Templates
Posted by Categories Date Comments
RIADH HAJJI LARAVEL 16 JANVIER 2021 0 COMMENT
▶ Sommaire Contenu du chapitre

Blade Templates
Blade Templates Créer Layout avec Laravel Blade
1 Objectifs
Connaitre Blade Laravel
2 Présentation
Comme nous le savons, la plupart des applications Web suivent la même mise en page sur
toutes les pages, la meilleure approche consiste donc à définir un modèle principal dans
lequel nous pouvons placer tout le passe-partout.
Blade est le moteur de création de modèles simple mais puissant fourni avec Laravel.
Contrairement à d’autres moteurs de modèles PHP populaires, Blade ne vous empêche pas
d’utiliser du code PHP simple dans vos vues.
Toutes les vues Blade sont compilées en code PHP simple et mises en cache jusqu’à ce
qu’elles soient modifiées, ce qui signifie que Blade n’ajoute pratiquement aucune surcharge à
votre application.
Contrairement aux dispositions de contrôleur, Blade est piloté par l’ héritage et les sections
Avez-vous une question?  (216) 97 656 803  hajjriadh@gmail.com
des modèles.
Les fichiers de vue Blade utilisent l’extension .blade.php et sont généralement stockés dans
le répertoire resources/views.

Un site web partage souvent des éléments en commun entre ses pages HTML :
un en-tête, un logo représentant la marque ou le service des balises meta (charset,

viewport, etc.)
un menu pour naviguer facilement entre les pages
un pied de page
une feuille de style, sous la forme d’une référence à un fichier ou d’un code CSS
directement intégré en texte
des scripts variés pour tracer les utilisateurs ou améliorer l’expérience (Google Analytics,
Intercom, Hotjar, etc.)
etc.
3 Héritage de Blade
Généralement une vue peut en étendre une autre, c’est un héritage. Ainsi pour l’exemple de
l’application suivant on a un template de base.
Ce template comporte la structure globale des pages et est déclaré comme parent par les
autres vues: @extends('layouts.default')
@extends vous permet d’étendre un modèle, qui définit ses propres sections, etc. Un modèle
que vous pouvez étendre définira ses propres sections en utilisant @yield , dans lesquelles

vous pouvez ensuite mettre vos propres éléments dans votre fichier de vue.
Dans le template on prévoit un emplacement ( @yield ) pour que les vues enfants puissent
placer leur code :
Un autre avantage de l’utilisation @extend est l’héritage. Vous pouvez fournir un modèle de
base, puis un autre modèle enfant qui étend celui qui produit ensuite ses propres sections.
Vous pouvez ensuite étendre ce modèle enfant.
1 <main class="section">
2 <div class="container">
3 @yield('content')
4 </div>
5 </main>
4 Exemple
template.blade.php
1 <html>
2 <body>
3 @yield('header')
4 @yield('content')
5 @yield('footer')
6 </body>
7 </html>
view-one.blade.php
1 @extends('template')
2
3 @section('header')
4 View one's header
5 @endsection
6
7 @section('content')
8 View one's content
9 @endsection
10
11 @section('footer')
12
13 View one's footer
@endsection
5 Activité 
Étape 1: Créez un nouveau dossier «layout» dans le répertoire /resources/views/ .
Étape 2: Créez un nouveau fichier «master.blade.php» dans le répertoire

/resources/views/layouts/.
Étape 3: Copiez le code suivant dans le fichier « master.blade.php » que nous avons créé.
1 <html>
2 <head>
3 <title>App Name - @yield('title')</title>
4 </head>
5 <body>
6 @section('sidebar')
7 This is the master sidebar.
8 @show
9 <div class="container">
10 @yield('content')
11 </div>
12 </body>
13 </html>
Ici, dans le modèle principal ci-dessus –
@yield (‘title’) est utilisé pour afficher la valeur du titre
@section (‘sidebar’) est utilisé pour définir une section nommée sidebar
@show est utilisé pour afficher le contenu d’une section
@yield (‘content’) est utilisé pour afficher le contenu du contenu
Extension de la mise en page principale
Nous allons maintenant vous montrer comment étendre la mise en page principale que
nous venons de créer.
Étape 1: Créez un nouveau fichier de vue page.blade.php dans /resources/views/
Étape 2: Copiez le code suivant dans lefichier page.blade.php
1 

2 @extends('layouts.master')
3 @section('title', 'Page Title')
4 @section('sidebar')
5 @parent
6 <p>This is appended to the master sidebar.</p>
7 @endsection
8 @section('content')
9 <p>This is my body content.</p>
10 @endsection

Ici, dans la page ci-dessus
@extends (‘layouts.master’) étend la mise en page principale
@section (‘title’, ‘Page Title’) définit la valeur de la section de titre.
@section (‘sidebar’) définit une section de barre latérale dans la page enfant de la
disposition principale
@parent affiche le contenu de la section de barre latérale, définie dans la disposition

principale.
Ceci est ajouté à la barre latérale principale.
ajoute du contenu de paragraphe à la section de la barre latérale
@endsection termine la section de la barre latérale
@section (‘content’) définit la section de contenu
@endsection termine la section de contenu
Étape 3: Ouvrez routes/web.php et configurez l’itinéraire comme ci-dessous:
1 Route::get('page', function(){
2 return view('page');
3 });
Étape 4: Ouvrez maintenant l’URL suivante dans le navigateur pour voir la sortie.
http://localhost:8000/page
Sommaire du cours Laravel
Contraintes d’expressions de route Laravel
Sommaire du cours Laravel

Riadh HAJJI
Avez-vous une question?
Share:

 (216) 97 656 803
 
 hajjriadh@gmail.com
 YouTube 11 k
Previous post Next post
Créer et utiliser un contrôleur Laravel Créer Layout avec Laravel Blade

16 janvier 2021 16 janvier 2021
YOU MAY ALSO LIKE

Intégrer Google Charts dans Laravel Générer un fichier PDF avec laravel dompdf Larav
26 avril, 2021 25 avril, 2021 et Mo
Intégrer Google Charts dans Laravel Générer un fichier PDF avec laravel dompdf 23 av
Intégrer Google Charts dans Laravel Générer un fichier PDF avec laravel dompdf Larav
Objectifs Etre capable d’ntégrer Google Objectifs Apprendre les méthodes Ajax C
Charts dans Laravel8 Présentation De nos essentielles pour créer et montrer les Larav
jours, Google dispose de plusieurs API exemples de tables de données yajra de et Mo
populaires telles que la carte, le graphique, laravel 8 Découvrir comment créer un essen
l’analyse, etc. L’API JS de Google … fichier PDF à … exem
larave
LEAVE A REPLY
Vous devez vous connecter pour publier un commentaire.
SEARCH
Rechercher… 
CATÉGORIES
AJAX (27)
Algorithme (14)
Android (16)
Angular (30)
APC (51) 
Architecture des ordinateurs (141)
ASW (54)
Blog (7)
Bootstrap (69)
Business (6)
C# (85)
Carte de développement et robot éducatif (3)

Commerce électronique (43)
concours (12)
CSS (65)
Dart (2)
Design / Branding (4)
Facebook (8)
Flutter (131)
Formation médicales (7)

html (64)
Ingénierie des ressources humaines (3)
internet (12)
Java (18)
JavaScript (66)
jQuery (64)
JSF (9)
JSP (71)
Laravel (48)
Le management de projet (14)
Les cours de programmation (6)

Les Tests psychotechniques (66)
Lire er comprendre ce roman (1)

mbot (10)
Microsoft Access (33)

Microsoft Excel (74)
Microsoft Office (2)
Microsoft Outlook (6)
Microsoft PowerPoint (31) 

Microsoft Word (21)
MOS (64)
Ms project (23)
MySQL (33)
News (116)
Node.js (17)
Odoo (9)
Pascal (3)
PHP (114)
Python (105)
Ressources pédagogiques (12)

Sciences Sciences Techniques (1)
Section Économie et Gestion (6)

Section Mathématiques (2)
Section Sciences Expérimentales (1)

Section Sport (2)
Sujets du baccalauréat (71)
Symfony (28)
Systèmes d'exploitation (10)
VB.Net (22)
Windows (8)
WordPress (6)
)16( ‫االمتحانات‬
Rechercher… 
Rechercher… 
Education WordPress Theme by ThimPress. Powered by WordPress.

Laravel 7

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Laravel 7

Transféré par

Droits d'auteur :

Formats disponibles

Avez-vous une question?  (216) 97 656 803  hajjriadh@gmail.

▶ Sommaire Contenu du chapitre

Blade Templates Créer Layout avec Laravel Blade

un en-tête, un logo représentant la marque ou le service des balises meta (charset,

un menu pour naviguer facilement entre les pages

Étape 2: Créez un nouveau fichier «master.blade.php» dans le répertoire

Ici, dans le modèle principal ci-dessus –

@yield (‘title’) est utilisé pour afficher la valeur du titre

@show est utilisé pour afficher le contenu d’une section

@yield (‘content’) est utilisé pour afficher le contenu du contenu

Extension de la mise en page principale

Étape 1: Créez un nouveau fichier de vue page.blade.php dans /resources/views/

Étape 2: Copiez le code suivant dans lefichier page.blade.php

1

@extends (‘layouts.master’) étend la mise en page principale

@section (‘title’, ‘Page Title’) définit la valeur de la section de titre.

@parent affiche le contenu de la section de barre latérale, définie dans la disposition

Ceci est ajouté à la barre latérale principale.

ajoute du contenu de paragraphe à la section de la barre latérale

@endsection termine la section de la barre latérale

@section (‘content’) définit la section de contenu

@endsection termine la section de contenu

Étape 3: Ouvrez routes/web.php et configurez l’itinéraire comme ci-dessous:

Sommaire du cours Laravel

Contraintes d’expressions de route Laravel

Sommaire du cours Laravel

Previous post Next post

Créer et utiliser un contrôleur Laravel Créer Layout avec Laravel Blade

YOU MAY ALSO LIKE

Vous devez vous connecter pour publier un commentaire.

Carte de développement et robot éducatif (3)

Formation médicales (7)

Ingénierie des ressources humaines (3)

Les cours de programmation (6)

Lire er comprendre ce roman (1)

Microsoft Access (33)

Microsoft PowerPoint (31) 

Ressources pédagogiques (12)

Section Économie et Gestion (6)

Section Sciences Expérimentales (1)

Sujets du baccalauréat (71)

Education WordPress Theme by ThimPress. Powered by WordPress.

Vous aimerez peut-être aussi