12 Módulo CREACIÓN de USUARIOS en el SISTEMA (PHP y MySql) FullStack

Duración: 9 min
Módulo: 👤 CRUD de Usuarios y UX Avanzada Lección 4 de 17

Descripció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:
    • Creación de Usuarios [00:51]
    • Listado de Usuarios [00:58]
  • Definición de Rutas en el Menú:
    • Listado: El enlace del Listado de Usuarios se configura para usar el helper de Laravel {{ url('admin/usuarios') }} [02:07].
    • Creación: El enlace de Creación de Usuarios se configura para la nueva ruta {{ url('admin/usuarios/create') }} [02:40].

⚙️ 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:
    • En web.php, se define la ruta admin/usuarios/create [03:34].
    • Esta ruta se vincula a la nueva función create() dentro del UserController [03:47].
    • La función create() simplemente retorna la vista admin.usuarios.create [04:02].
  • 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].