Vues et moteurs de modèles dans Laravel : créer des interfaces belles et personnalisables-Laravel-php.cn

Vues et moteurs de modèles dans Laravel : créer des interfaces belles et personnalisables

王林

Libérer： 2023-08-12 13:54:26

original

1078 Les gens l'ont consulté

Vues et moteurs de modèles dans Laravel : créer des interfaces belles et personnalisables

Moteur de visualisation et de modèles dans Laravel : créez des interfaces magnifiques et personnalisables

Dans le développement Web moderne, une interface belle et facilement personnalisable est cruciale pour améliorer l'expérience utilisateur et engager les utilisateurs. En tant que framework PHP populaire, Laravel fournit de puissantes fonctions de moteur d'affichage et de modèle, ce qui rend très simple la création d'interfaces belles et personnalisables. Cet article présentera les concepts de base et l'utilisation des vues et des moteurs de modèles dans Laravel, et fournira quelques exemples de code pour aider les lecteurs à mieux les comprendre et les appliquer.

1. Vue d'ensemble
View est la couche de présentation de l'interface Web vue par l'utilisateur. Dans Laravel, les fichiers de vue sont stockés dans le répertoire resources/views. Les fichiers d'affichage ont une extension .blade.php et sont rendus à l'aide du moteur de modèles Blade. Les fichiers d'affichage sont responsables de l'affichage des données, du traitement des entrées de l'utilisateur et de la génération de la navigation dans les pages et d'autres fonctions importantes.

2. Créer et afficher des vues
Pour créer une nouvelle vue, créez simplement un nouveau fichier avec l'extension .blade.php dans le répertoire resources/views. Par exemple, nous créons un fichier de vue appelé Welcome.blade.php avec le contenu suivant :

<html>
<head>
    <title>Welcome</title>
</head>
<body>
    <h1>Welcome to Laravel</h1>
</body>
</html>

Copier après la connexion

Pour restituer cette vue dans le contrôleur, utilisez le code suivant :

public function welcome()
{
    return view('welcome');
}

Copier après la connexion

Lors du rendu d'une vue, Laravel transmet automatiquement les variables à la vue. document. Par exemple, les données peuvent être transmises à la vue de la manière suivante :

public function welcome()
{
    $data = [
        'name' => 'John',
        'age' => 30
    ];

    return view('welcome', $data);
}

Copier après la connexion

Dans le fichier de vue, les données transmises sont accessibles en utilisant la syntaxe à double accolade :

<h2>Hello, {{ $name }}</h2>
<p>Your age is {{ $age }}</p>

Copier après la connexion

3. Moteur de modèle et mise en page
Moteur de modèle de Laravel Blade fournit une syntaxe et des fonctionnalités riches pour créer des interfaces plus flexibles et réutilisables. Voici quelques exemples de syntaxe Blade couramment utilisés :

Instructions conditionnelles :
@if ($age > 18)
```
 You are an adult.
```
Copier après la connexion
@elseif ($age >= 13)
```
 You are a teenager.
```
Copier après la connexion
@else
```
 You are a child.
```
Copier après la connexion
@endif
Instruction de boucle :
@foreach ($users as $user)
```
 <p>{{ $user->name }}</p>
```
Copier après la connexion
@endforeach
Introduire les sous-vues :
@include('partials.header')

Définir la mise en page :

 <title>@yield('title')</title>

Copier après la connexion

 <header>
     @yield('header')
 </header>
 <main>
     @yield('content')
 </main>
 <footer>
     @yield('footer')
 </footer>

Copier après la connexion

Vous pouvez utiliser @section dans les sous-vues et @ étend les directives pour remplir diverses parties de la mise en page :

@extends('layouts.app')

@section('title', 'Welcome')

@section('header')
    <h1>Welcome to Laravel</h1>
@endsection

@section('content')
    <p>This is the main content.</p>
@endsection

@section('footer')
    <p>© 2021 Laravel</p>
@endsection

Copier après la connexion

4. Données partagées et héritage de modèles
Laravel fournit les fonctions de données partagées et d'héritage de modèles, afin que les données et les structures de mise en page puissent être partagées entre plusieurs vues.

Données partagées :
Vous pouvez utiliser les méthodes with et compact pour partager des données sur plusieurs vues :
public function index()
{
```
 $data = 'Some data';
 return view('view1')->with('data', $data);
```
Copier après la connexion
}

Vous pouvez accéder directement aux données partagées dans la vue :

<p>{{ $data }}</p>

Copier après la connexion

Héritage de modèles :
Vous pouvez utiliser la directive extends pour hériter de la disposition d'autres vues, puis utiliser les directives @section et @yield pour remplir le contenu spécifique.

5. Résumé
Les fonctionnalités du moteur de vue et de modèles de Laravel fournissent aux développeurs des outils puissants pour créer des interfaces magnifiques et personnalisables. Grâce à la création et au rendu de fichiers de vue ainsi qu'à la syntaxe et aux fonctionnalités flexibles du moteur de modèles Blade, les développeurs peuvent facilement créer des interfaces qui répondent à leurs besoins. Dans le même temps, les fonctions de données partagées et d'héritage de modèles rendent la personnalisation et la maintenance de l'interface plus efficaces. En maîtrisant le moteur de vues et de modèles de Laravel, nous pouvons mieux répondre aux exigences des utilisateurs et améliorer l'efficacité et la qualité du développement Web.

Ce qui précède est une introduction au moteur de vues et de modèles de Laravel. J'espère que cela pourra aider les lecteurs à comprendre et à appliquer cette fonction. Continuez à apprendre et à pratiquer en profondeur, et je pense que vous serez en mesure de créer de meilleures interfaces et expériences utilisateur.

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!