[vc_row el_class=”blog-info”][vc_column][vc_single_image source=”featured_image” img_size=”full” style=”vc_box_rounded”][vc_empty_space height=”40px”][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text el_class=”font-weight-bold”]
Trabajando con formularios en Laravel 8
Usando Laravel Collective
Se supone que ya tiene una base de datos y controladores configurados suficientes. Como de costumbre, necesita:
XAMPP y código de Visual Studio
[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]
Laravel Collective
Empecemos
Si bien puede usar la sintaxis HTML natural, Laravel ha introducido Laravel Collective, para usar en formularios, [visite aquí] para ver la documentación completa.
En caso de que no comprenda la documentación, lo cual es comprensible, la revisaré paso a paso.
Instalación de formularios colectivos de Laravel
El primer paso es ejecutar esto en su consola asegurándose de estar en el directorio de su proyecto:
Una de las cosas que teníamos que hacer en versiones anteriores de Laravel era agregar proveedores y alias específicos, lo cual es muy fácil.
Busque su carpeta de configuración en su proyecto Laravel y en ella, verá un archivo app.php. En este archivo, ubique los proveedores que deberían verse como:
Puede buscarlo si quiere. En la parte inferior, siga adelante y pega esto:
Después de los proveedores, busque alias y agregue las siguientes líneas en la parte inferior:
Y ahora está configurado para usar formularios.
Usando un formulario
Las etiquetas de formulario de apertura y cierre se ven así:
ETIQUETA DE APERTURA
Esto es similar al marcado HTML a continuación
ETIQUETA DE CIERRE
Esto es similar al marcado HTML a continuación
Explicación:
La acción nos dice dónde estamos enviando los datos del formulario, por lo general, tiene un recurso de controlador configurado con una función de almacenamiento equivalente y el método nos dice que estamos enviando con POST en lugar de GET, el enctype y el archivo es si lo desea para cargar imágenes / archivos también. Y finalmente, puede darle estilo agregando una clase. También puede agregar una ruta:
Continúe y comience a crear su formulario. Estaré creando un formulario de registro simple, con nombre, correo electrónico, número de teléfono, contraseña y botón de envío.
Usando etiquetas
Una de las cosas más importantes que suelen acompañar a los componentes del formulario es la etiqueta de la etiqueta, que nos indica para qué sirve un campo en particular. Para usar una etiqueta de Laravel Collective:
Explicación:
Usemos HTML para explicar, el primer parámetro es la etiqueta para, como puede ver, y el siguiente parámetro es el valor real de la etiqueta que se mostrará. Si desea diseñar la etiqueta de la etiqueta, no dude en utilizar el siguiente parámetro.
Usar campos de entrada
Entradas de texto, p. Ej. Nombre
Explicación:
Arreglé el HTML para que estuviera en el orden en que se ve el propio Colectivo.
Nota: Si desea omitir tener un valor predeterminado que recomiendo encarecidamente, deje el lugar vacío pero mantenga las comillas.
Entrada de correo electrónico
Esto es similar al marcado HTML a continuación:
Entrada de número
Esto es similar al marcado HTML a continuación:
Entrada de contraseña
Esto es similar a la sintaxis HTML siguiente
Botón de enviar
Este es, con mucho, el más fácil de hacer. Especialmente si está utilizando un controlador con un recurso con una función de almacenamiento porque automáticamente le hará una solicitud POST.
Esto es similar a la sintaxis HTML siguiente:
Como beneficio adicional, hablemos de validación porque es aquí donde determinamos qué campos son obligatorios antes de que se permita el envío:
Validación
A la función de tienda en su controlador, que se parece a:
Veamos un mensaje de error o éxito que podemos crear en cada caso. Cree un archivo blade y asígnele el nombre de respuesta, es decir, response.blade, php. Y pegue esto en:
Si no está usando bootstrap, entonces no necesita las clases mencionadas aquí y eso es todo.
Incluya este archivo de formulario usando
Donde ruta es la carpeta donde está su archivo de respuesta en su carpeta de vistas, si no está en la carpeta, simplemente escriba “respuesta”
Así es como podría verse un error de muestra
Si desea que esto cree una nueva instancia en su base de datos, por ejemplo, puede hacer:
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=”social-info”][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text][social_share_button themes=’theme1′][/vc_column_text][/vc_column_inner][vc_column_inner el_class=”youtube-inner-col” width=”1/2″][vc_column_text][likebtn theme=”youtube” lang=”auto” show_like_label=”0″ white_label=”1″ alignment=”right”][/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”social-info-inner”][vc_column_inner width=”1/4″][vc_single_image image=”921″][/vc_column_inner][vc_column_inner width=”3/4″][vc_column_text]
Diego Pacheco
Ingeniero en Sitemas, MBA (Babson College). Desarrollador PHP/Java/JavaScript. Fundador & CEO de EpicStudio. Entusiasta de las tecnologías web (JavaScript, Vue, Laravel, AWS, Docker) Viajes, Negocios, Surf y Growth.[/vc_column_text][asvc_list_item icon_fontawesome=”fa fa-calendar-o” icon_size=”14px”]Programar una reunión[/asvc_list_item][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
Recent Post
[/vc_column_text][lvca_posts_carousel posts_query=”size:3|order_by:rand|post_type:post” image_linkable=”true” image_size=”full” taxonomy_chosen=”post_tag” display_title=”true” display_post_date=”true” display_summary=”true” autoplay_speed=”3000″ animation_speed=”300″ display_columns=”3″ scroll_columns=”3″ gutter=”3″ tablet_display_columns=”2″ tablet_scroll_columns=”2″ tablet_gutter=”3″ tablet_width=”800″ mobile_display_columns=”1″ mobile_scroll_columns=”1″ mobile_gutter=”3″ mobile_width=”480″][vc_empty_space height=”20px”][/vc_column][/vc_row]