#tutorialCRUDusuarios

[fernando-arciniega]

Agregar el Módulo CRUD de Usuarios para el ejercicio: Crea un carrito de compras con PHP, MySQL y Bootstrap

Continuando con el ejercicio: Crea un carrito de compras con PHP, MySQL y Bootstrap

Agregaremos un módulo CRUD para gestionar los usuarios que tendrán acceso al BackEnd. Explicación de los cambios realizados para agregar el módulo CRUD de usuarios al archivo panel_control.php Aquí detallo los pasos y modificaciones que se realizaron para integrar el módulo de gestión de usuarios al panel de control, permitiendo el acceso al CRUD de usuarios: 1. Añadir una nueva tarjeta en el panel de control Código agregado: Gestionar Usuarios Agregar, editar y eliminar usuarios administrativos. Ir a Gestión de Usuarios Explicación del cambio: - Estructura de la tarjeta: - Título (h5): "Gestionar Usuarios" para indicar claramente el propósito de la sección. - Texto descriptivo (p): Breve explicación de lo que se puede hacer: agregar, editar y eliminar usuarios administrativos. - Botón (a): Enlace con la clase btn btn-primary que redirige al archivo gestion_usuarios.php, donde se gestionará el CRUD de usuarios. - Ubicación: - La nueva tarjeta se coloca dentro de un div con la clase col-md-4 mb-4, asegurando que ocupe un tercio de la fila en pantallas medianas o grandes y que sea responsiva. 2. Crear el enlace funcional hacia gestion_usuarios.php Código: Ir a Gestión de Usuarios Explicación del cambio: - Propósito: Redirigir a un archivo específico (gestion_usuarios.php) que contendrá la lógica del CRUD para usuarios. - Interfaz visual: El botón utiliza estilos de Bootstrap para mantener una apariencia uniforme con otros elementos del panel de control. - Acceso: Al hacer clic, el administrador será llevado a la página de gestión de usuarios. 3. Planificación y coherencia Para integrar este nuevo módulo, fue necesario pensar en: - Ubicación en el diseño: - El nuevo botón se colocó junto al botón existente para gestionar productos, manteniendo la coherencia visual. - Rutas claras: - Se agregó el enlace hacia gestion_usuarios.php, que es el archivo que manejará la lógica del CRUD de usuarios. 4. Resultado en el panel de control El módulo o botón de CRUD de usuarios aparece en el panel de control con una estructura y funcionalidad similares al botón para gestionar productos. Esto asegura: - Consistencia visual: La nueva funcionalidad se integra perfectamente en el diseño existente del panel de control. - Facilidad de uso: Los administradores ahora tienen acceso directo a la gestión de usuarios, igual que con los productos. Cambios generales realizados para agregar el módulo CRUD de usuarios - Añadir la tarjeta de "Gestionar Usuarios" en el diseño del panel_control.php. - Enlace funcional al archivo gestion_usuarios.php, donde se implementará el CRUD completo. - Mantener la coherencia visual y funcional con la tarjeta de gestión de productos.

El siguiente cambio para implementar el CRUD de usuarios sería crear el archivo gestion_usuarios.php, donde se mostrará la lista de usuarios administrativos y se permitirán las acciones de: - Visualizar los usuarios. - Agregar nuevos usuarios. - Editar información de usuarios existentes. - Eliminar usuarios. Pasos a seguir para el archivo gestion_usuarios.php: 1. Diseñar la interfaz de gestión - Crear una tabla para listar los usuarios registrados con las columnas necesarias: ID, Nombre de Usuario, y Acciones. - Agregar botones de acción para Editar y Eliminar cada usuario. - Incluir un botón Agregar Usuario que redirija a un formulario para añadir nuevos usuarios. 2. Integrar la funcionalidad de listar usuarios - Conectar a la base de datos para recuperar todos los registros de la tabla usuarios. - Mostrar estos registros en la tabla de usuarios. 3. Incluir acciones CRUD - Añadir enlaces para redirigir a los archivos: - agregar_usuario.php (para agregar usuarios). - editar_usuario.php (para editar usuarios). - Acción directa para eliminar un usuario en el mismo archivo. 4. Proteger las acciones - Validar que solo los administradores autenticados puedan acceder a esta página. - Añadir confirmaciones al eliminar un usuario. Código para gestion_usuarios.php: Gestión de Usuarios

Gestión de Usuarios

Agregar Usuario Volver al Panel ID Usuario Acciones Explicación del archivo gestion_usuarios.php: - Verificación de sesión: - Asegura que solo los administradores autenticados puedan acceder a la página. - Eliminar usuarios: - Maneja la acción de eliminación mediante el parámetro accion=eliminar en la URL. - Visualización de usuarios: - Recupera y muestra todos los registros de la tabla usuarios en una tabla HTML. - Acciones CRUD: - Botón Editar: Redirige a editar_usuario.php con el ID del usuario a modificar. - Botón Eliminar: Ejecuta una consulta SQL para borrar el usuario seleccionado tras confirmar la acción. - Botón Agregar Usuario: - Redirige a agregar_usuario.php para registrar un nuevo usuario.

Siguientes pasos: Después de crear gestion_usuarios.php, los archivos que siguen son: - agregar_usuario.php: Para agregar nuevos usuarios. - editar_usuario.php: Para editar usuarios existentes. Archivo agregar_usuario.php: Explicación y funcionalidad El archivo agregar_usuario.php permite a los administradores registrar nuevos usuarios en el sistema, añadiendo entradas a la tabla usuarios de la base de datos. Este archivo incluye un formulario para capturar la información del nuevo usuario y la lógica para insertar los datos en la base de datos. ¿Qué incluye este archivo? - Verificación de sesión: - Asegura que solo los administradores autenticados puedan acceder a esta página. - Formulario para capturar datos: - Recoge información como el nombre de usuario y la contraseña. - Inserción en la base de datos: - Valida los datos enviados por el formulario y los inserta en la tabla usuarios utilizando password_hash() para proteger la contraseña. - Mensajes de éxito o error: - Muestra un mensaje de confirmación si el usuario se agregó correctamente o un mensaje de error en caso contrario.

Código para agregar_usuario.php: Read the full article