Lección: 27 FORMULARIO para el REGISTRO de USUARIOS en el SISTEMA VETERINARIO(PHP y MySql)FullStack

27 FORMULARIO para el REGISTRO de USUARIOS en el SISTEMA VETERINARIO(PHP y MySql)FullStack

Duración: 19 min

Módulo: 👤 CRUD Completo de Usuarios (Gestión de Datos) Lección 2 de 12

Descripción

🎬 Lección 27: Formulario para el Registro de Usuarios 🧑‍💻

El objetivo principal es crear una interfaz amigable que permita al administrador ingresar nuevos usuarios al sistema, reemplazando el método manual de inserción directa en la base de datos (phpMyAdmin).

1. Diseño y Estructura del Formulario 🧱

Ubicación: El formulario se construye en la vista admin/usuarios/create.php. [02:02]
Contenedor: Se utiliza la clase container-fluid de Bootstrap para un ajuste más completo y el componente Card de AdminLTE para enmarcar el formulario bajo el título "Creación de un Nuevo Usuario" y la cabecera "Datos del usuario". [02:46]
Etiqueta Form: Se inicia la etiqueta <form>, dejando los atributos action y method pendientes, ya que el controlador que procesará los datos se creará en el siguiente video. [05:22]
Layout de Columnas: Para una mejor visualización, los campos se organizan en filas (row) y se dividen usando columnas de col-md-6 (la mitad del ancho), creando un diseño de dos columnas. [08:34]

2. Campos del Formulario Requeridos ✅

Se crean los inputs y selects correspondientes a los campos de la tabla tb_usuarios:

Campo de la Base de Datos	Etiqueta del Formulario	Tipo de Input / Observación
nombre_completo	Nombre completo	Input de texto con la clase form-control. [06:16]
email	Correo electrónico	Input de tipo email (type="email") para validación automática. [07:37]
password	Contraseña	Input de tipo password (type="password") para ocultar el texto. [10:47]
(Sin campo)	Verificar contraseña	Input de tipo password para confirmar la clave. [09:37]
cargo	Cargo	Elemento select para evitar errores de escritura, con opciones predefinidas: Administrador y Usuario. [14:39]

ℹ️ El campo token no se incluye, ya que es un campo interno para la funcionalidad de recuperación de contraseña. [11:18]

3. Botones de Acción 🖱️

El formulario finaliza con dos botones de control:

Cancelar: Botón con estilo btn-secondary (gris), que cancela la acción. [16:20]
Registrar Usuario: Botón de tipo submit con estilo btn-primary (azul), que enviará todos los datos al controlador una vez que este sea creado. [16:39]

Próximo Paso: El siguiente video se centrará en la creación del controlador PHP que recibirá la información del formulario y la procesará para insertar el nuevo usuario en la base de datos con la contraseña encriptada 🔒. [18:29]

Hilari Web