Header Ads Widget

Ticker

6/recent/ticker-posts

Configuración de plantilla maestra Laravel Blade

  Configuración de plantilla maestra Laravel Blade


La plantilla Blade Master va a ser tu mejor amiga. En el último episodio comenzamos a trabajar con vistas de renderizado en Laravel. Recuerde, esto equivale a hacer algo como return view('file'), donde archivo es el nombre de la vista que queremos representar. En este episodio, veremos el concepto de usar una plantilla maestra para que actúe como modelo para nuestras vistas. Es una forma fantástica de reutilizar código y casi funciona de manera similar a la idea de tener una clase que se puede ampliar. La plantilla maestra es la clase, y los archivos de vista individuales amplían el maestro para permitir una fácil reutilización del código. Echemos un vistazo a cómo hacer esto ahora.


Crear la página maestra

La plantilla Blade Master es donde podemos colocar todo el texto estándar que normalmente utilizarán todas las páginas. La mayoría de las veces puede nombrar este archivo como master.blade.php . Todos los archivos de visualización que le gustaría que hicieran uso de su página maestra ahora pueden usar la @extendspalabra clave para hacerlo. Dado que nuestra página maestra tiene el nombre de master.blade.php , en nuestra vista de archivos usaremos @extends('master')Puede nombrar la página maestra con otro nombre si lo desea, solo deberá asegurarse de extender el otro nombre. Por ejemplo, si su página maestra es .blade.php predeterminado , puede usar @extends (' predeterminado ') en sus archivos de vista.

Plantilla maestra de Laravel Blade
God Bless Auto Complete

Aquí está la página maestra que creamos para esta demostración.

\ resources \ views \ master.blade.php fuente

Excelente. Observemos algunas cosas aquí. Gracias a PHP Storm, podemos formatear rápidamente el código fuente para que todo quede bien sangrado y así sucesivamente. Lactrl + alt + Lcombinación de teclas es lo que necesitamos para esto. A continuación, dado que no hay forma posible de que pueda recordar todas las clases disponibles en bootstrap (o llamadas a métodos en Laravel para el caso), PHP Storm salva el día con una funcionalidad de autocompletado simplemente excelente. Poder comenzar a escribir y luego ver todas las opciones disponibles es realmente fantástico. Trabajar con Blade Master Template realmente se convierte en un placer de esta manera.


yieldContenido de las páginas maestras

Dentro de la página maestra, necesitamos una forma de mostrar las sub vistas, por así decirlo. Piense en esto como un marcador de posición, o casi como una declaración include () en PHP nativo. Lo que hace la palabra clave @yield, es importar un llamado sección del contenido. Veamos nuestro archivo de vista actualizado que hemos modificado para ampliar nuestro archivo de plantilla maestra.

\ resources \ views \ helloworld.blade.php fuente

captura de pantalla de la página maestra de laravel

Este es un buen ejemplo de cómo funcionan las secciones con nombre. En nuestra página maestra cedemos una sección llamada contenido . Entonces, en nuestro archivo de vista que extiende la página maestra, necesitamos una forma de nombrar el contenido al que nos referimos. Hacemos esto con las palabras clave @section y @endsection . Tenga en cuenta que la palabra clave @section también debe tener un nombre asociado. En este caso lo es @section('content')Básicamente, cualquier cosa que se interponga entre estas dos palabras clave es el contenido que se inyecta @yield('content')en la página maestra. Podemos decir entonces que @section / @endsection definen el contenido, y @yield hace uso de él .


Incluir navegación y pie de página con plantilla maestra

También podemos incluir subvistas en el diseño maestro. Tal vez nos gustaría incluir un área de navegación, además de un pie de página. Veamos cómo hacer eso. Primero mostraremos la plantilla maestra actualizada, luego todas las sub vistas asociadas.


\ resources \ views \ master.blade.php fuente


\ resources \ views \ navigation.blade.php fuente


\ resources \ views \ helloworld.blade.php fuente


\ resources \ views \ footer.blade.php fuente

¡Nota! Aunque incluimos subvistas en el diseño maestro, cuando renderizamos la vista helloworld desde nuestro controlador, cualquier dato que se pase a esa vista también está disponible para las sub vistas de la plantilla maestra. Completaremos el controlador con algunas variables para utilizar en el área de navegación, así como en el área de pie de página.


\ App \ Http \ Controllers \ HelloWorldController.php fuente

Tenga en cuenta que agregamos una clave de marca , búsqueda de navegación y pie de página a la $datamatriz. Al pasar esto a la vista que se queden, ahora vamos a tener las variables de $brand$navsearch$footerpara trabajar en las áreas de navegación y pie de página. Probémoslo.

plantilla maestra de laravel


Bucle de datos con Blade

El tema final que cubriremos en este tutorial es recorrer los datos con blade . La mayoría de las veces, tendremos algún tipo de recopilación de datos que el controlador recibió de un modelo o de alguna otra manera. Cuando tengamos esta colección, queremos poder recorrerla. Tal vez tenga un sitio web sobre videojuegos y necesite generar una lista de los nombres de varios juegos. Veamos cómo hacer esto.


\ App \ Http \ Controllers \ HelloWorldController.php fuente

@foreach y @endforeach

Ahora podemos agregar el código actualizado a la vista para recorrer nuestros resultados.

Laravel para cada extremo

Conclusión de la configuración de la plantilla maestra de Laravel Blade

En este episodio, echamos un vistazo rápido a la configuración de una plantilla maestra con el motor de plantillas Blade de Laravel. Hay un poco de curva de aprendizaje, sin embargo, es realmente elegante y rápido de usar una vez que te acostumbras. Agregue un IDE fantástico como PHP Storm que admite el autocompletado para todos los componentes de Laravel, y estará sonriendo de oreja a oreja.

Publicar un comentario

0 Comentarios