Lección: 29 Comó crear FORMULARIOS WEB en la PLATAFORMA de PELÍCULAS con (LARAVEL y MYSQL) FULLSTACK

29 Comó crear FORMULARIOS WEB en la PLATAFORMA de PELÍCULAS con (LARAVEL y MYSQL) FULLSTACK

Duración: 13 min

Módulo: 📝 Módulo CRUD: Creación y Formularios Lección 3 de 8

Descripción

🧱 Lección 29: Creación de Formularios Web para el Registro de Películas

Esta lección avanzada se enfoca en la creación y el diseño de la vista del formulario web que se utilizará para registrar nuevas películas en la base de datos, siguiendo el flujo de trabajo del controlador de recursos.

1. ⚙️ Habilitación de la Ruta y la Vista create [00:35]

Se define la ruta y el controlador que permitirá acceder al formulario de registro.

Creación de la Vista: Se crea el archivo create.blade.php dentro del directorio resources/views/admin/peliculas/ [00:42].
Definición de Ruta: En el archivo web.php (rutas), se define la ruta específica que mapea la URL /admin/peliculas/create a la función create del PeliculasController [01:13].
Retorno del Controlador: Dentro de la función create() del controlador, se añade la instrucción return view('admin.peliculas.create') para cargar el formulario cuando se acceda a la ruta [01:51].

2. 🎨 Diseño del Formulario y Uso de Layouts [03:47]

Se aplica la plantilla maestra de Blade y se comienza a estructurar el contenido con elementos de Bootstrap.

Extensión de Layout: Se aplica la plantilla maestra del administrador (@extends('layouts.admin')) y se envuelve el contenido dentro del bloque @section('content') [03:56].
Estructura Base: Se define el título de la página como "Nueva Película" y el subtítulo como "Registre los datos con cuidado" [04:44].
Formulario HTML: Se inicia la etiqueta <form> que contendrá todos los campos de entrada [05:09].
Sistema de Grillas (Grid): Para organizar los campos de manera ordenada, se utiliza el sistema de grillas de Bootstrap, dividiendo el contenido en filas (<div class="row">) y columnas (<div class="col-md-6">) para aprovechar el ancho de la página [05:22].

3. 📝 Definición de los Campos de Entrada [05:47]

Se crean los inputs y labels correspondientes a cada campo de la tabla peliculas en la base de datos, optimizando el uso del espacio con el sistema de grillas:

Campo (Input)	Etiqueta (Label)	Tipo de Elemento	Estructura de Grilla
Título de la Película	Título de la película	input type="text"	Columna 6 [06:16]
Descripción	Descripción de la película	textarea	Columna 6 [07:12]
Categoría	Categoría	input type="text"	Dividido en Row (Columna 6) [11:09]
Portada/Imagen	Portada de la película	input type="file"	Dividido en Row (Columna 6) [11:09]
Tráiler	Tráiler de película	input type="text"	Dividido en Row (Columna 6) [11:39]
Duración	Duración de la película	input type="text"	Dividido en Row (Columna 6) [11:39]
Servidor 1	Servidor 1	input type="text"	Dividido en Row (Columna 6) [11:39]
Servidor 2	Servidor 2	input type="text"	Dividido en Row (Columna 6) [11:39]

Nota: Se hace énfasis en el uso de <textarea> para la descripción, ya que permite múltiples líneas de texto, y input type="file" para la portada [07:19].

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Hilari Web