21 FORMULARIO para registrar datos en el curso de LARAVEL 10 - Sistema de control de asistencia

Duración: 14 min
Módulo: Formulario de Creación y Seguridad de Datos 🛡️ Lección 1 de 6

Descripción

🎬 Lección 21: 📝 Creación del Formulario para el Registro de Datos (CREATE)

Enlace del Video: https://youtu.be/vC_hO4CLE1E

💡 Objetivo:

Diseñar e implementar la vista del formulario HTML con estilos de Bootstrap para capturar los datos de un nuevo miembro, preparando la interfaz para la acción de creación (CREATE) del ciclo CRUD.

📌 Contenido Clave de la Lección:

  • ⚙️ Habilitación del Controlador:
    • Se corrige la ruta miembros/create para que sea gestionada correctamente por el MiembrosController.
    • Se define la función create() dentro del controlador, la cual se encarga únicamente de retornar la vista miembros.create [00:59].
    • Se muestra el comando php artisan route:list para verificar y listar todas las rutas disponibles en la aplicación [02:22].
  • 🏗️ Estructura del Formulario (Blade):
    • Se utiliza el sistema de grillas de Bootstrap (clases row y col-md-*) para organizar los campos de manera estética y responsiva [05:42].
    • Se establece una división principal de 9 columnas para los datos de texto y 3 columnas para la carga de la fotografía [09:36].
  • ⌨️ Definición de Campos: Se crean los inputs de tipo text, date y el tipo file para la fotografía, siguiendo el orden lógico de los campos requeridos en la tabla miembros:
    • Nombres y Apellidos, Correo Electrónico, Teléfono [11:15]
    • Fecha de Nacimiento, Género, Ministerio [11:35]
    • Dirección
  • 💾 Botones de Acción: Se finaliza el formulario añadiendo:
    • El botón Cancelar (btn-secondary) que regresa a la vista de listado.
    • El botón Guardar Registro (btn-primary) de tipo submit, listo para enviar la información al servidor [13:37].

El formulario está listo, pero aún no tiene funcionalidad de guardado. El siguiente paso será la implementación del método Store en el controlador, la validación de datos y el manejo de la imagen. Por favor, comparte el enlace de la Lección 22.