Crear CRUD en Laravel con generador de CRUD\’s

En este tutorial te mostraré cómo crear un CRUD en Laravel con un generador de CRUD\’s de manera muy rápida con lo que ahorrarás tiempo en el desarrollo de tus proyectos en Laravel. Al final del tutorial encontrarás la dirección del repositorio de este proyecto. Sin más manos a la obra.

Requisitos previos

1.  Contar con un entorno de desarrollo como Laragon o Xamp
2.  Tener instalado Composer de manera global

1. Crear proyecto nuevo en Laravel

Ve a la raíz en la carpeta en donde guardas tus proyectos como htdocs o www y abre la carpeta en la terminal de comandos, escribe la siguiente instrucción:

composer create-project laravel/laravel crud-with-generator

También vas a instalar Laravel/ui para la autenticación, para este proyecto usaré Bootstrap como framework CSS, en la terminal escribe y ejecuta la siguiente secuencia de comandos:

composer require laravel/ui

php artisan ui bootstrap --auth

npm install

npm run dev

En ocasiones el comando \’npm run dev\’ se debe de correr dos veces. NOTA: en versiones de Laravel superiores a la 10 en vez de correr \’npm run dev\’ corre:

npm run build

2. Crear base de datos y tabla clientes

Para crear una nueva base de datos escribe desde la terminal las siguientes instrucciones, recuerda acceder con tus debidas credenciales:

mysql -u root -p

CREATE DATABASE crud_generator CHARACTER SET utf8 COLLATE utf8_spanish_ci;

Para crear la tabla clientes escribe en la terminal:

php artisan make:migration create_costumers_table

Abre el proyecto con tu editor de código favorito, en mi caso usaré VS Code, abre el archivo database/migrations/2022_xx_xx_create_costumers_tabla.php y agrega lo siguiente:

Schema::create(\'costumers\', function (Blueprint $table) { 
   $table->id(); 
   $table->string(\'name\'); 
   $table->string(\'email\'); 
   $table->string(\'phone\'); 
   $table->string(\'address\')->nullable(); 
   $table->timestamps();  
});

Con tu editor de textos abre el archivo .env y agrega los datos de la base de datos que creaste anteriormente:

Desde la terminal de comandos corre las migraciones con el siguiente comando:

php artisan migrate

3. Instalar paquete Laravel CRUD generator

Para crear un CRUD en Laravel con un generador de CRUD\’s desde la terminal de comandos es necesario instalar el paquete \’crud-generator\’, escribe:

composer require ibex/crud-generator --dev

Para acceder a la configuración de la librería o paquete escribe:

php artisan vendor:publish --tag=crud

4. Usar Laravel CRUD generator

Para crear tu primer CRUD con Laravel CRUD generator escriben en la terminal de comandos:

php artisan make:crud costumers

Podrás ver que se crean el controlador, el modelo y las vistas del CRUD tomando de referencia para generarlas el nombre de la tabla customers:

5. Agregar las rutas al archivo web.php

Ahora tienes que agregar las rutas de cada una de las vistas de tu CRUD, abre el archivo route/web.php y agrega el siguiente renglón de código:

Route::resource(\'costumers\', [CostumerController::class]);

No olvides agregar la clase \’CostumerController\’ al inicio del arhivo:

Si quieres proteger la ruta para que solamente usuarios autenticados accedan puedes agregar el middleware \’auth\’ a la ruta y cambia la vista en la ruta \’/\’ por \’auth.login\’ como se muestra en la imagen anterior.

6. Agregar elemento al menú

Desde el editor de textos abre el archivo resources/views/layouts/app.blade.php y en la clase \’navbar-nav me-auto\’ agrega la siguiente línea de código:

@auth 

   <a class="nav-link" href="{{ URL::to(\'costumers\') }}">{{ __(\'Costumers\') }}</a> 

@endauth

7. Probar en el navegador

Para probar tu CRUD en el navegador, en la terminal de comandos escribe:

php artisan serve

Ahora abre tu navegador y escribe la dirección que se te mostró en la terminal de comandos al activar el servidor, verás la vista para loguearse al sistema:

Regístrate en el sistema:

Ve a la pestaña Costumers y crea el primer cliente:

De aquí en adelante ya puedes crear nuevos clientes, editar, mostrar y borrar.

Conclusión

En este tutorial te mostré cómo crear un CRUD en Laravel con un generador de CRUD\’s llamado crud-generator, el cual te permite crear CRUD\’s en muy pocos pasos. Sí este tutorial te ha servido te invito a compartirlo en tus redes sociales para llegar a más personas y si tienes dudas o comentarios déjalos en la caja de comentarios, estaré al pendiente de ellos. Te envío un saludo.
Referencias:
Repositorio del tutorial
Laravel CRUD generator