Explication détaillée du moteur de modèle Blade dans Laravel-tutoriel php-php.cn

Maison

développement back-end

tutoriel php

Explication détaillée du moteur de modèle Blade dans Laravel

黄舟

Oct 11, 2017 am 09:06 AM

blade laravel 引擎

Le moteur de modèles de Laravel utilise le moteur de modèles Blade. L'article suivant vous présente principalement les informations pertinentes sur le moteur de modèles Blade dans Laravel. L'article le présente en détail à travers un exemple de code, ce qui est d'une certaine importance pour l'étude ou l'étude de chacun. travail En référence à la valeur d'apprentissage, les amis qui en ont besoin peuvent suivre l'éditeur pour apprendre ensemble.

Avant-propos

Cet article vous présente principalement le contenu pertinent sur le moteur de modèles Blade dans Laravel, et le partage pour votre référence et votre étude . Assez dit, jetons un œil à l’introduction détaillée.

Moteur de modèles Blade

Blade est un moteur de modèles simple et puissant fourni par Laravel. Il compile la vue Blade en PHP natif. codez-le et mettez-le en cache. Le cache change lorsque la vue Blade change, ce qui signifie que Blade n'ajoute aucune charge de compilation à votre application. Les fichiers de vue Blade utilisent le suffixe .blade.php et sont généralement stockés dans le répertoire resources/views.

Héritage de modèles

Regardons d'abord un exemple

<!-- Stored in resources/views/layouts/master.blade.php-->
<html>
 <head>
 <title>App Name - @yield(&#39;title&#39;)</title>
 </head>
 <body>
 @section(&#39;sidebar&#39;)
  This is the master sidebar.
 @show
 
 <p class="container">
  @yield(&#39;content&#39;)
 </p>
 </body>
</html>

Copier après la connexion

Les fichiers de modèles Blade contiennent un balisage HTML typique. Vous devez avoir vu les directives @section et @yield. La directive @section définit une section de contenu comme son nom l'indique, tandis que la directive @yield est utilisée pour afficher le contenu contenu dans la section widget fournie. Maintenant que nous avons défini une disposition de base, nous pouvons utiliser la directive @extends de Blade pour hériter explicitement de cette disposition. Utilisez ensuite la directive @section pour monter le contenu du widget dans la mise en page. Dans l'exemple ci-dessus, le contenu du widget sera monté dans la section @yield de la mise en page :

<🎜. >

<!-- Stored in resoures/views/child.blade.php -->
@extends(&#39;layouts.master&#39;)
 
@section(&#39;title&#39;, &#39;Page Title&#39;)
 
@section(&#39;sidebar&#39;)
 @parent
 
 <p>This is appended to the master sidebar.</p>
@endsection
 
@section(&#39;content&#39;)
 <p>This is my body content.</p>
@endsection

Copier après la connexion

Dans l'exemple ci-dessus, le widget de la barre latérale utilise la directive @parent pour ajouter le contenu de la partie de la barre latérale de la mise en page. Si elle n'est pas utilisée, cette partie de la mise en page sera écrasée. La directive @parent remplace le contenu de la mise en page par le contenu de la vue lors de son rendu.

Les vues Blade peuvent utiliser la vue de fonction d'assistance globale pour renvoyer le contenu rendu, tout comme les vues PHP natives :

Route::get(&#39;blade&#39;, function () {
 return view(&#39;child&#39;);
});

Copier après la connexion

Afficher les données

Vous pouvez utiliser des accolades { pour afficher les variables transmises dans la vue. Par exemple, vous définissez l'itinéraire suivant :

<🎜. >

Vous pouvez afficher le contenu de la variable name dans la vue comme ceci :

Route::get(&#39;greeting&#39;, function () {
 return view(&#39;welcome&#39;, [&#39;name&#39; => &#39;Duicode&#39;]);
})

Copier après la connexion

Bien sûr, vous Le contenu peut également être renvoyé à partir de méthodes PHP natives. En fait, vous pouvez utiliser du code PHP arbitraire dans la déclaration d'écho Blade : (Le contenu de la déclaration Blade {{}} est automatiquement filtré par la méthode htmlentities pour empêcher les attaques XSS.)

Hello, {{ $name }}

Copier après la connexion

Étant donné que de nombreux frameworks JavaScript utilisent des accolades pour indiquer que l'expression fournie doit être affichée dans le navigateur. Vous pouvez donc utiliser le symbole @ pour indiquer au moteur de rendu Blade que vous souhaitez que cette expression soit laissée telle quelle :

The current UNIX timestamp is {{ time() }}

Copier après la connexion

Nous utilisons souvent l'opérateur ternaire pour attribuer valeurs

Hello, @{{ name }}

Copier après la connexion

Blade fournit un moyen pratique de remplacer cette déclaration ternaire :

{{ isset($name) ? $name : &#39;Default&#39; }}

Copier après la connexion

La déclaration Blade {{} } par défaut utilisera automatiquement la méthode htmlentities pour éviter les attaques XSS. Si vous ne souhaitez pas que vos données soient échappées, vous pouvez utiliser la syntaxe suivante, mais attention, faites attention aux attaques :

{{ $name or &#39;Default&#39; }}

Copier après la connexion

Hello, {!! $name !!}

Copier après la connexion

Structure de contrôle
Vous pouvez utiliser la structure de contrôle if via les directives @if, @elseif, @else et @endif :

Bien entendu, pour plus de commodité, Blade propose également une commande alternative à la commande @unless :

@if (count($records) === 1)
 I have one record!
@elseif (count($records) > 1)
 I have multiple records!
@else
 I don&#39;t have any records!
@endif

Copier après la connexion

Vous pouvez également utiliser la commande @hasSection pour déterminer si le widget fourni à la mise en page contient du contenu :

@unless (Auth::check())
 You are not signed in.
@endunless

Copier après la connexion

En matière de contrôle, les structures en boucle sont indispensables , similaire à PHP :

<title>
 @hasSection(&#39;title&#39;)
 @yield(&#39;title&#39;) - App Name
 @else
 App Name
 @endif
</title>

Copier après la connexion

Blade fournit également des instructions pour terminer l'itération ou annuler l'itération en cours :

@for ($i = 0; $i < 10; $i++)
 The current value is {{ $i }}
@endfor
 
@foreach ($users as $user)
 <p>This is user {{ $user->id }}</p>
@endforeach
 
@forelse ($users as $user)
 <li>{{ $user->name }}</li>
@empty
 <p>No users</p>
@endforelse
 
@while (true)
 <p>I&#39;m looping forever.</p>
@endwhile

Copier après la connexion

Vous pouvez également utiliser des instructions pour déclarer des conditions. Atteindre la pause :

@foreach ($users as $user)
 @if($user->type == 1)
 @continue
 @endif
 
 <li>{{ $user->name }}</li>
 
 @if($user->number == 5)
 @break
 @endif
@endforeach

Copier après la connexion

@foreach ($users as $user)
 @continue($user->type == 1)
 
 <li>{{ $user->name }}</li>
 
 @break($user->number == 5)
@endforeach

Copier après la connexion

Y compris les sous-vues
Vous pouvez utiliser la directive @include Pour contenir le contenu d'une vue, les variables de la vue actuelle seront également partagées avec la sous-vue :

Bien que la sous-vue hérite automatiquement de toutes les données des variables de la vue parent, vous pouvez également transmettre directement une variable de tableau pour ajouter des variables supplémentaires à la sous-vue (évitez d'utiliser les constantes __DIR__ et __FILE__ dans les vues Blade, car elles se résoudront en l'emplacement du cache de vues) :

<p>
 @include(&#39;shared.errors&#39;)
 
 <form>
 <!-- Form Contents -->
 </form>
</p>

Copier après la connexion

Vous pouvez utiliser la directive @each de Blade pour fusionner et introduire plusieurs vues sur une seule ligne :

@include(&#39;view.name&#39;, [&#39;some&#39; => &#39;data&#39;])

Copier après la connexion

Premier Le premier paramètre est le nom de la vue qui doit être rendue pour chaque élément du tableau ou de la collection.

@each(&#39;view.name&#39;, $jobs, &#39;job&#39;)

Copier après la connexion

Le deuxième paramètre est un tableau ou une collection utilisée pour fournir une itération.

第三个参数是要分配给当前视图的变量名。

你也可以传递第四个参数到 @each 指令。如果所提供的数组是空数组的话，该参数所提供的视图将会被引入。

@each(&#39;view.name&#39;, $jobs, &#39;job&#39;, &#39;view.empty&#39;)

Copier après la connexion

Blade 中的注释，这样写不会被渲染：

{{-- This comment will not be present in the rendered HTML --}}

Copier après la connexion

Blade 允许你在已命名的堆中压入内容：

@push(&#39;scripts&#39;)
 <script src="/example.js"></script>
@endpush

Copier après la connexion

你可以在你需要的时候压入相同的堆任意的次数,你需要在布局中使用 @stack 来渲染堆:

<head>
 <!-- Head Contents -->
 @stack(&#39;scripts&#39;)
</head>

Copier après la connexion

可以使用 @inject 指令来从服务容器中取回服务：

@inject(&#39;metrics&#39;, &#39;App\Services\MetricsService&#39;)
<p>
 Monthly Revenue: {{ $metrice->monthlyRevenue() }}
</p>

Copier après la connexion

第一个参数将作为所取回服务存放的变量名，

第二个参数是你想要在服务容器中取回的类或接口名称。

可以使用 directvie 方法来注册指令。当 Blade 编译器遇到该指令时，它会自动的调用该指令注册时提供的回调函数并传递它的参数。

下面的例子创建了 @datetime($val) 指令来格式化 $val:

<?php
namespace App\Providers;
 
use Blade;
use Illuminate\Support\ServiceProvider;
 
class AppServiceProvider extends ServiceProvider{
 /**
 * Perform post-registration booting of services.
 *
 * @return void
 */
 public function boot(){
  Blade::directive(&#39;datetime&#39;, function ($expression) {
  return "<?php echo with{$express}->format(&#39;m/d/Y H:i&#39;); ?>";
  });
 }
 
 /**
 * Register bindings in the container
 *
 * @return void
 */
 public function register() {
  //
 }
}

Copier après la connexion

上面的例子中使用了 Laravel 的 with 帮助方法，它只是简单的返回一个所提供的对象或值，并提供方便的链式调用。最终该指令生成的 PHP 代码如下：

<?php echo with($var)->format(&#39;m/d/Y H:i&#39;); ?>

Copier après la connexion

在你更新 Blade 指令的逻辑之后，你应该删除所有已缓存的 Blade 视图，你可以使用 view:clear Artisan 命令来清除。

总结

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!

Déclaration de ce site Web

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

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Meilleurs paramètres graphiques

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Solution d'énigmes de coquille

3 Il y a quelques semaines By DDD

Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour

2 Il y a quelques semaines By DDD

Will R.E.P.O. Vous avez un jeu croisé?

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7554

Tutoriel CakePHP

1382

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT Connexions Indices et réponses

Afficher plus

Related knowledge

Laravel - Commandes artisanales Aug 27, 2024 am 10:51 AM

Laravel - Artisan Commands - Laravel 5.7 est livré avec une nouvelle façon de traiter et de tester de nouvelles commandes. Il inclut une nouvelle fonctionnalité de test des commandes artisanales et la démonstration est mentionnée ci-dessous ?

Laravel - Console artisanale Aug 27, 2024 am 10:51 AM

Laravel - Artisan Console - Le framework Laravel fournit trois outils principaux d'interaction via la ligne de commande, à savoir : Artisan, Ticker et REPL. Ce chapitre explique en détail Artisan.

Laravel - Personnalisations de la pagination Aug 27, 2024 am 10:51 AM

Laravel - Personnalisations de pagination - Laravel inclut une fonctionnalité de pagination qui aide un utilisateur ou un développeur à inclure une fonctionnalité de pagination. Le paginateur Laravel est intégré au générateur de requêtes et à Eloquent ORM. La méthode paginate automatique

Comment obtenir le code de retour lorsque l'envoi par e-mail échoue à Laravel? Apr 01, 2025 pm 02:45 PM

Méthode pour obtenir le code de retour lorsque l'envoi par e-mail de Laravel échoue. Lorsque vous utilisez Laravel pour développer des applications, vous rencontrez souvent des situations où vous devez envoyer des codes de vérification. Et en réalité ...

La tâche de calendrier Laravel n'est pas exécutée: que dois-je faire si la tâche n'est pas en cours d'exécution après le calendrier: Exécuter la commande? Mar 31, 2025 pm 11:24 PM

Laravel Schedule Tâche d'exécution de dépannage non réactif Lorsque vous utilisez la planification des tâches de calendrier de Laravel, de nombreux développeurs rencontreront ce problème: Schedule: Exécuter ...

Dans Laravel, comment gérer la situation où les codes de vérification ne sont pas envoyés par e-mail? Mar 31, 2025 pm 11:48 PM

La méthode de traitement de l'échec de l'e-mail de Laravel à envoyer le code de vérification est d'utiliser Laravel ...

Comment implémenter la fonction de table personnalisée de clic pour ajouter des données dans l'administrateur DCAT? Apr 01, 2025 am 07:09 AM

Comment implémenter la fonction du tableau de Cliquez sur personnalisé pour ajouter des données dans DCATADMIN (Laravel-Admin) lors de l'utilisation de DCAT ...

Laravel - Serveur de vidage Aug 27, 2024 am 10:51 AM

Laravel - Dump Server - Le serveur de dump Laravel est livré avec la version de Laravel 5.7. Les versions précédentes n'incluent aucun serveur de dump. Le serveur de vidage sera une dépendance de développement dans le fichier laravel/laravel composer.

See all articles