Post Top Ad

Your Ad Spot

lunes, 27 de julio de 2020

Crear páginas web estáticas y dinámicas en Laravel

Crear páginas web estáticas y dinámicas en Laravel

Con Laravel, puede usar el enrutamiento básico, los controladores y la cuchilla para crear páginas web dinámicas simples con URL bonitas y sin necesidad de preocuparse por configuraciones complejas. Por supuesto, podemos pasar datos variables a las vistas de varias maneras diferentes para crear páginas web dinámicas. Esto es lo que interesará a la mayoría de los desarrolladores web, pero tiene sentido aprender a crear contenido estático y dinámico con Laravel. Esto nos ayudará a comprender las diversas formas de pasar datos variables a vistas en Laravel .


Leer el flujo de la aplicación

Al desarrollar sitios web o aplicaciones web, es útil visualizar el proceso de solicitud. Puede ser una forma muy básica de pasar por la aplicación y ayuda con el diseño y la depuración. Hasta ahora, hemos aprendido un poco sobre cómo se maneja una solicitud web en Laravel. La solicitud http entra en la aplicación y Route :: get () determina a qué controlador y método se llamará. Para la pantalla de inicio, eso significa visitar los /disparadores index()en WelcomeController.php . La index()función se ejecuta view()y representa un archivo de vista de welcome.blade.php . El visitante ve la nueva página web y todos están contentos. En la siguiente sección, creará su propia página web estática con Laravel.


Crear una página web estática de Laravel

Lo primero que haremos es crear una página web estática en Laravel. Crearemos la más básica de todas las páginas web además del mantra más utilizado en la programación. Hello World . Crearemos una página web que no diga nada más que Hello World. Es un poco divertido de alguna manera. Es casi como usar un auto de carreras de fórmula uno para visitar la tienda de comestibles, pero lamentablemente, nuestra tarea debemos completarla.


En primer lugar, necesitaremos una ruta.

Fuente \ app \ Http \ routes.php


A continuación, necesitamos un controlador.

Podemos ver que nuestra ruta helloworld hace referencia a ay HelloWorldController un index método. Todavía no tenemos ninguno de estos, así que vamos a seguir adelante y crearlos. Con esto, utilizaremos la poderosa herramienta de generación de código, Laravel Artisan.

vagrant @ homestead: ~ / Code / laravel $ php artisan make:controller --plain HelloWorldController
Controlador creado con éxito.
vagabundo @ homestead: ~ / Code / laravel $

Antes de echar un vistazo al código que se generó para nosotros, echemos un vistazo a todas las cosas que los artesanos pueden crear para nosotros en el espacio de nombres de make.

vagrant @ homestead: ~ / Code / laravel $ php artisan list make
Laravel Framework versión 5.0.6

Uso:
comando [opciones] [argumentos]

Opciones:
–help (-h) Muestra este mensaje de ayuda
–quiet (-q) No muestra ningún mensaje
–verbose (-v | vv | vvv) Aumenta la verbosidad de los mensajes: 1 para salida normal, 2 para salida más detallada y 3 para depuración
–versión (-V) Muestra esta versión de la aplicación
–ansi Forzar salida ANSI
–no-ansi Desactivar salida ANSI
–no-interacción (-n) No haga ninguna pregunta interactiva
–env El entorno en el que debe ejecutarse el comando.

Comandos disponibles para el espacio de nombres "make":
make: command Crear una nueva clase de comando
make: console Crear un nuevo comando Artisan
make: controller Crear una nueva clase de controlador de recursos
make: event Crear una nueva clase de evento
make: middleware Crear una nueva clase de middleware
make: migración Crear un nuevo archivo de migración
make: model Crear una nueva clase de modelo Eloquent
make: provider Crear una nueva clase de proveedor de servicios
make: request Crear un nuevo formulario request class
vagrant @ homestead: ~ / Code / laravel $

En este caso, estamos creando un controlador, pero a medida que trabajamos más con Laravel, vemos que hay muchas otras opciones disponibles. Vale la pena pasar un tiempo aprendiendo sobre todas estas herramientas para ayudar con el flujo de trabajo. Veamos ahora el código resultante que se generó para nosotros en nuestro nuevo HelloWorldController.

Fuente \ App \ Http \ Controllers \ HelloWorldController.php

Tenga en cuenta que todavía necesitamos crear el método de índice por nuestra cuenta, y lo hicimos como puede ver. Sin embargo, el comando make creó toda la plantilla inicial y se encargó de configurar nuestros espacios de nombres, lo cual es realmente agradable.


Finalmente, necesitamos un archivo de vista.

Simplemente lo crearemos nosotros mismos en la carpeta de recursos.

\ resources \ views \ helloworld.blade.php fuente


Probar la página web estática

Probemos nuestra página web estática. Todo lo que tenemos que hacer es visitar la ruta que creamos anteriormente. Recuerde que nuestra ruta era helloworld en el archivo de rutas. Esto significa que podemos visitar http://homestead.app/helloworldy deberíamos ver los frutos de nuestro trabajo.

Página web estática de Laravel

¡Éxito!


Crear una página web dinámica de Laravel

Hemos completado la creación de una página web estática en Laravel. Quizás tenga un proyecto que requiera 50 o 100 páginas web estáticas. Tienes el proceso básico abajo, así que solo sigue esos pasos y construye desde allí. Ahora vamos a echar un vistazo a la creación de páginas web dinámicas con Laravel. Esto significa que ya no codificaremos los datos en los archivos de vista, sino que les pasaremos datos dinámicos y los presentaremos de esa manera. Veamos cómo podemos hacer eso. Vamos a mantener la misma ruta, controlador y vista. Simplemente actualizaremos el código en ellos para demostrar cómo funciona esto.


La forma de codeigniter

La gente ha estado pasando datos dinámicos a las vistas desde que CakePHP apareció por primera vez en la escena del desarrollo web hace algunas lunas. Pasar datos dinámicos a las vistas es tan común que ha habido algunas convenciones básicas sobre cómo hacerlo. Quizás se hizo más famoso por Codeigniter, es el concepto de pasar una matriz del controlador a la vista. Las claves de esta matriz se convierten en los nombres de las variables en el archivo de vista. Por convención, esta matriz usualmente ha usado el nombre de $dataProbémoslo.

Fuente \ App \ Http \ Controllers \ HelloWorldController.php

\ resources \ views \ helloworld.blade.php fuente

http://homestead.app/helloworld
datos dinámicos uno

¡Excelente! Parece estar funcionando bien. Tenga en cuenta que aunque solo pasamos un valor variable, todavía se hizo a través de una matriz. El segundo argumento de la view()función debe ser una matriz, sin importar la cantidad de valores que intente pasar. Con eso en mente, pasemos dos valores ahora.

Fuente \ App \ Http \ Controllers \ HelloWorldController.php

\ resources \ views \ helloworld.blade.php fuente

http://homestead.app/helloworld
datos dinámicos dos

Agradable. Tenga en cuenta que puede seguir agregando tantas claves a la matriz como necesite. Si tiene 15 variables que necesita pasar, cree 15 claves en la matriz y complete con sus 15 valores.


El with()método de Laravel

Laravel proporciona una forma realmente agradable de pasar variables para ver archivos usando el with()método. En lugar de pasar una matriz como segundo argumento a la view()función, podemos encadenar el with()método a la view()llamada. Esta es una de esas formas más modernas de hacer las cosas, y hace que la lectura del código sea realmente agradable. Vamos a ver.

Fuente \ App \ Http \ Controllers \ HelloWorldController.php

\ resources \ views \ helloworld.blade.php fuente

http://homestead.app/helloworld
datos dinámicos uno

¿Está limitado a pasar solo una variable a la vista cuando usa el with()método? Por supuesto no. Simplemente pase una matriz a ese tonto y observe cómo se beneficia.

Fuente \ App \ Http \ Controllers \ HelloWorldController.php

\ resources \ views \ helloworld.blade.php fuente

http://homestead.app/helloworld
datos dinámicos dos


También podemos combinar la idea de construir una matriz antes de representar la vista, y luego pasar los datos utilizando el with()método. Veamos cómo hacer eso aquí.

Fuente \ App \ Http \ Controllers \ HelloWorldController.php

\ resources \ views \ helloworld.blade.php fuente

http://homestead.app/helloworld
datos dinámicos tres

Crear páginas web estáticas y dinámicas en Laravel

En este episodio, comenzamos justo al comienzo de la creación de páginas web estáticas con Laravel Framework. Aprendimos cómo enruta la mano de la solicitud a un controlador, que luego muestra una vista. Al comenzar con solo contenido estático, podemos seguir el flujo de cómo funciona esto realmente fácilmente. En la segunda mitad de este episodio, echamos un vistazo a la introducción de datos dinámicos en este proceso. El controlador es el que pasa estos datos dinámicos a las vistas, y la vista a su vez presenta los datos al usuario.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas