12 Módulo CREACIÓN de USUARIOS en el SISTEMA (PHP y MySql) FullStack
Duración: 9 minDescripción
➕ Lección 12: Módulo de Creación de Usuarios (Estructura y Rutas)
Título del Video: 12 Módulo CREACIÓN de USUARIOS en el SISTEMA (PHP y MySql) FullStack
Esta lección se enfoca en establecer la estructura, las rutas y el diseño del formulario para la creación de nuevos usuarios, complementando el trabajo realizado en la Lección 11 para el listado. Se mantienen los elementos de diseño elegante (Bootstrap/AdminLTE) y el título/diseño como parte integral de la experiencia del usuario.
🧱 Actualización del Menú Lateral (Sidebar)
Para gestionar correctamente el flujo del módulo, se actualiza la barra lateral de navegación.
- Organización del Módulo: En la plantilla layouts/admin.blade.php, el menú "Usuarios" se divide en dos enlaces:
- Definición de Rutas en el Menú:
⚙️ Configuración de Rutas y Controlador
Se define la ruta y la función necesarias para que el sistema abra la vista del formulario.
- Creación de la Vista: Se crea el archivo create.blade.php dentro de la carpeta resources/views/admin/usuarios [03:08].
- Ruta y Función create:
- Seguridad: La ruta se protege con el middleware de autenticación (auth), asegurando que solo los usuarios autenticados puedan acceder al formulario [04:38].
🎨 Diseño del Formulario (Elegancia y Título)
La vista create.blade.php hereda la plantilla maestra (@extends('layouts.admin')) y se estructura de la siguiente manera para mantener un diseño profesional:
- Título de la Vista: Se define el título como "Registro de un Nuevo Usuario" [06:48].
- Botón de Acceso Rápido: En la vista del listado, se añade un botón "Registrar Nuevo" (btn-primary) que también redirige a la nueva ruta de creación [05:32].
- Contenedor Elegante (Card/Widget): El formulario se encapsula dentro de un componente Card de AdminLTE [07:06], lo que le proporciona un título ("Llene los datos") y un marco visualmente organizado [07:50].
- Estructura del Contenido: El cuerpo del Card se prepara para albergar los inputs del formulario de registro, utilizando el sistema de columnas de Bootstrap (un contenedor de 10 columnas en este caso) [07:34].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️