Série de démarrage de Laravel 5.4 : routage et vues

巴扎黑
Libérer: 2023-03-07 13:22:01
original
2506 Les gens l'ont consulté

Principaux points de connaissance :

  • Processus de base du routage à la visualisation

  • Transfert de données

Regardons comment ressort la dernière page de la première conférence. Voyons d'abord le routage :

// /routes/web.php
Route::get('/', function () {
    return view('welcome');
});
Copier après la connexion
Copier après la connexion

En langage clair, lorsque l'on accède au répertoire racine du site, on revient à la vue welcome On modifie le contenu de la vue :

// /resources/views/welcome.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    你好, Laravel
</body>
</html>
Copier après la connexion
Copier après la connexion
Comme vous pouvez le voir, lors de la définition de la vue renvoyée, vous pouvez omettre le suffixe

Ce suffixe représente l'utilisation de la fonction de modèle Blade de Laravel, qui sera introduite plus tard. .blade.php

Maintenant, le revisiter devient ce que nous définissons.

Transfert de données

Nous pouvons également utiliser des variables dans la vue. Tout d'abord, revenez à la variable view

dans la fonction de routage : name

// /routes/web.php
Route::get('/', function () {
    $name = "Zen";
   return view('welcome',['name'=>$name]);
});
Copier après la connexion
Copier après la connexion
peut également s'écrire :

// /routes/web.php
Route::get('/', function () {
   $name = "Zen";
   return view('welcome')->with('name',$name);
});
Copier après la connexion
Copier après la connexion
La manière d'écrire la plus courante consiste à utiliser le

fourni par PHP Function, compact La fonction de la fonction est de créer un tableau contenant le compact nom de la variable et la valeur de la variable , ce qui est plus flexible et simple :

// /routes/web.php
Route::get('/', function () {
    $name = "Zen";
      $age = 99;
      $sex = "男";
      return view('welcome',compact('name','age','sex'));;
});
Copier après la connexion
Copier après la connexion
dans la vue Afficher la variable :

// /resources/views/welcome.blade.php
// 省略
<body>
    你好, <?php echo $name?>
</body>
Copier après la connexion
Copier après la connexion
Bien que le langage PHP puisse être embarqué pour afficher la variable, Laravel propose une syntaxe plus concise :

// /resources/views/welcome.blade.php
<body>
   你好, {{ $name }} ,你的年龄是 {{ $age }}, 你的性别是 {{ $sex }}
</body>
Copier après la connexion
Copier après la connexion
ou :

// /resources/views/welcome.blade.php
<body>
   你好, {!! $name !!} ,你的年龄是 {!! $age !!}, 你的性别是 {!! $sex !!}
</body>
Copier après la connexion
Copier après la connexion
Quelle est la différence entre les deux ? Voir l'exemple ci-dessous :

$data = '<alert>123</alert>'
Copier après la connexion
Copier après la connexion
La sortie des deux dans la vue :

  • sera affiché {{ $data }}<alert>123</alert>

  • affichera une boîte d'avertissement {!! $data !!}

qui est :

  •  : Sortie échappée{{ 变量名 }}

  •  : Sortie native, telle que des images, des liens, des codes js, etc.{!! 变量名 !!}


Routage et vue

Principaux points de connaissance :

  • Processus de base du routage à la vue

  • Transfert de données

Voyons comment ressort la dernière page de la première conférence. Voyons d'abord le routage :

// /routes/web.php
Route::get('/', function () {
    return view('welcome');
});
Copier après la connexion
Copier après la connexion
En langage clair, lorsque l'on accède au répertoire racine du site, on revient à la vue

On modifie le contenu de la vue : welcome

Comme vous pouvez le voir, lors de la définition de la vue renvoyée, vous pouvez omettre le suffixe
// /resources/views/welcome.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    你好, Laravel
</body>
</html>
Copier après la connexion
Copier après la connexion
Ce suffixe représente l'utilisation de la fonction de modèle Blade de Laravel, qui sera introduite plus tard.

.blade.phpMaintenant, le revisiter devient ce que nous définissons.

Transfert de données

Nous pouvons également utiliser des variables dans la vue. Tout d'abord, revenez à la variable view

dans la fonction de routage :

name

peut également être écrit comme :
// /routes/web.php
Route::get('/', function () {
    $name = "Zen";
   return view('welcome',['name'=>$name]);
});
Copier après la connexion
Copier après la connexion

La manière d'écrire la plus courante consiste à utiliser le
// /routes/web.php
Route::get('/', function () {
   $name = "Zen";
   return view('welcome')->with('name',$name);
});
Copier après la connexion
Copier après la connexion
fourni par PHP Function,

La fonction de la fonction est de créer un tableau contenant le compact nom de la variable compact et la valeur de la variable , ce qui est plus flexible et simple :

dans la vue Afficher la variable :
// /routes/web.php
Route::get('/', function () {
    $name = "Zen";
      $age = 99;
      $sex = "男";
      return view('welcome',compact('name','age','sex'));;
});
Copier après la connexion
Copier après la connexion

Bien que le langage PHP puisse être embarqué pour afficher la variable, Laravel propose une syntaxe plus concise :
// /resources/views/welcome.blade.php
// 省略
<body>
    你好, <?php echo $name?>
</body>
Copier après la connexion
Copier après la connexion

ou :
// /resources/views/welcome.blade.php
<body>
   你好, {{ $name }} ,你的年龄是 {{ $age }}, 你的性别是 {{ $sex }}
</body>
Copier après la connexion
Copier après la connexion

Quelle est la différence entre les deux ? Voir l'exemple ci-dessous :
// /resources/views/welcome.blade.php
<body>
   你好, {!! $name !!} ,你的年龄是 {!! $age !!}, 你的性别是 {!! $sex !!}
</body>
Copier après la connexion
Copier après la connexion

La sortie des deux dans la vue :
$data = '<alert>123</alert>'
Copier après la connexion
Copier après la connexion

  • sera affiché

    {{ $data }}<alert>123</alert>

  • affichera une boîte d'avertissement

    {!! $data !!}

  • qui est :

  •  : Sortie échappée

    {{ 变量名 }}

  •  : Sortie native, telle que des images, des liens, des codes js, etc.

    {!! 变量名 !!}

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal