Articles

Laravel: Què són les vistes de laravel

Al marc MVC, la lletra "V" significa "Vistes" i en aquest article veurem com utilitzar les vistes a Laravel. Separa la lògica d'aplicació i la lògica de presentació. Les vistes s'emmagatzemen al directori recursos/visualitzacions. Normalment, la vista conté l'HTML que es representarà al navegador.

exemple

Vegem l'exemple següent per entendre més sobre les vistes

1 – Copieu el codi següent i deseu-lo recursos/vistes/test.blade.php

<html>
   <body>
      <h1>Laravel Blog Innovazione</h1>
   </body>
</html>

2 – Afegiu la línia següent al fitxer rutes/web.php per establir el camí per a la vista de dalt.

Route::get('/test', function() {
   return view('test');
});

3 – Al navegador obrim la pàgina a l'URL per veure la sortida de la vista.

http://localhost:8000/test

Com a resultat veurem l'escriptura "Laravel Blog Innovazione” al títol h1

L'adreça http://localhost:8000/test establert al navegador conduirà a la ruta test especificat en el segon punt, cridant la vista test.blade.php especificat en el punt 1.

Passant dades a visualitzacions

Mentre creeu la vostra aplicació, és possible que hàgiu de passar dades a les visualitzacions.

exemple

Per veure com es passen les dades a les visualitzacions, continuem amb un exemple:

1 – Copieu el codi següent i deseu-lo recursos/vistes/test.blade.php

<html>
   <body>
      <h1><?php echo $name; ?></h1>
   </body>
</html>

2 – Afegim la línia següent al fitxer rutes/web.php per establir el camí per a la vista de dalt.

Route::get('/test', function() {
   return view('test',[‘name’=>’Laravel Blog Innovazione’]);
});

3 – El valor corresponent a la clau 'name' es passarà a l'arxiu test.blade.php i $name serà substituït per aquest valor.

4 – Visitem la següent URL per veure la sortida de la vista.

http://localhost:8000/test

5 – La sortida apareixerà al navegador amb la mateixa escriptura que en el primer exemple, és a dir, l'escriptura “Laravel Blog Innovazione” al títol h1

Compartint dades amb totes les visualitzacions

Hem vist com podem passar dades a les vistes, però de vegades hem de passar dades a totes les vistes. Laravel ho facilita. Hi ha un mètode anomenat share() que es pot utilitzar amb aquesta finalitat. El mètode share() prendrà dos arguments, clau i valor. Generalment el mètode share() es pot cridar des del mètode d'inici del proveïdor de serveis. Podem utilitzar qualsevol proveïdor de serveis, AppServiceProvider o la nostra service provider.

exemple

Vegeu l'exemple següent per entendre més sobre com compartir dades amb totes les visualitzacions:

1 – Afegiu la línia següent al fitxer app/Http/routes.php .

app/Http/paths.php

Route::get('/test', function() {
   return view('test');
});

Route::get('/test2', function() {
   return view('test2');
});

2 – Creem dos fitxers de vista: prova.blade.php e prova2.blade.php amb el mateix codi. Aquests són els dos fitxers que compartiran les dades. Copieu el codi següent als dos fitxers. resources/views/test.blade.php e resources/views/test2.blade.php

<html>
   <body>
      <h1><?php echo $name; ?></h1>
   </body>
</html>

3 – Canvieu el codi del mètode d'arrencada al fitxer app/Providers/AppServiceProvider.php com es mostra a continuació. (Aquí, hem utilitzat el mètode per compartir i les dades que hem passat es compartiran amb totes les visualitzacions.)

app/Providers/AppServiceProvider.php

<?php

namespace App\Providers;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider {
   
   /**
      * Bootstrap any application services.
      *
      * @return void
   */

   public function boot() {
      view()->share('name', 'Laravel Blog Innovazione');
   }

   /**
      * Register any application services.
      *
      * @return void
   */

   public function register() {
      //
   }
}

4 - Visita els següents URL.

http://localhost:8000/test
http://localhost:8000/test2

5 – La sortida apareixerà al navegador amb la mateixa escriptura que al primer i segon exemple, és a dir, l'escriptura “Laravel Blog Innovazione” al títol h1

Ercole Palmeri

També poden estar interessats en aquests articles: