Lección: 57 CRUD Create vista formulario para registrar datos de IPTVs con (LARAVEL y MYSQL)FULLSTACK

57 CRUD Create vista formulario para registrar datos de IPTVs con (LARAVEL y MYSQL)FULLSTACK

Duración: 13 min

Módulo: 📺 Módulo de IPTV: CRUD Completo Lección 4 de 11

Descripción

➕ Lección 57: CRUD (Create) Vista y Formulario para Registrar Canales IPTV

Esta lección avanzada se enfoca en implementar la vista y el formulario para la función "Create" (Crear) del nuevo módulo de IPTV, siguiendo el flujo de trabajo estándar de Laravel para la captura de datos de un nuevo canal de televisión.

1. 📂 Configuración Inicial de la Vista create [00:34]

Para construir el formulario de registro, se requiere configurar la ruta y la plantilla de la nueva vista.

Ruta de Enlace: En el menú principal (layout/admin.blade.php), se actualiza el enlace "Registrar Nuevo" del módulo IPTV para que apunte al endpoint de creación del controlador: /admin/iptvs/create [01:11].
Archivo de Vista: Se crea el archivo create.blade.php dentro del directorio resources/views/admin/iptvs/ [01:25].
Conexión en el Controlador: En la función create() del IptvController, se establece el retorno de la vista: return view('admin.iptvs.create') [01:47].

2. 📝 Diseño del Formulario de Registro [03:27]

Se adapta una plantilla de formulario existente para crear la estructura de captura de datos del nuevo canal.

2.1. Estructura y Acción del Formulario [03:55]

Título: La vista se nombra "Nuevo Canal de IPTV" [03:07].
Acción (<form>): El formulario utiliza el método POST y apunta al endpoint del controlador store: /admin/iptvs [04:02].
Seguridad y Archivos: Se incluyen la directiva @csrf (para seguridad contra CSRF) y el atributo enctype="multipart/form-data" (para permitir la subida de la imagen del canal) [04:10].

2.2. Campos del Formulario [04:30]

El formulario se organiza en dos columnas (col-md-6) y captura la siguiente información:

Nombre del Canal: Un campo de texto simple para el nombre (ej., "Disney Channel") [04:47].
Imagen del Canal (Logo): Un campo de tipo file (<input type="file">). Se implementa un script de "preload" con JavaScript para que el administrador pueda ver la imagen seleccionada antes de subir el formulario [06:07].
URL del Canal: Un campo de texto para la URL de streaming (o servidor), que es la dirección del canal en vivo [05:32].

2.3. Botones de Acción [08:05]

Registrar: Botón de tipo submit que enviará los datos al controlador store [08:44].
Cancelar: Botón que redirige al usuario de vuelta al listado de canales (/admin/iptvs), garantizando una navegación eficiente [09:28].

3. ➡️ Conexión con la Función store [11:37]

Al completar el formulario y hacer clic en "Registrar", la información se envía al método store(Request $request) del IptvController. El próximo paso se centrará en la lógica de backend:

Validación de Datos: Asegurar que los datos recibidos (nombre, imagen, URL) cumplen con los requisitos antes de ser procesados [12:21].
Guardado: Subir la imagen al servidor y registrar los datos restantes en la tabla iptvs de la base de datos [12:35].

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