2-CRUD de Tareas en Laravel (Sencillo con Rutas Normales)-rutas

 CRUD de Tareas en Laravel (Sencillo con Rutas Normales)

Manteniendo la simplicidad de tu ejemplo original pero usando rutas normales en lugar de resource, aquí tienes la versión modificada:

1. Configuración inicial (igual)

bash
composer create-project laravel/laravel task-crud
cd task-crud

2. Base de datos

.env:

env
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_tasks
DB_USERNAME=root
DB_PASSWORD=

3. Migración y Modelo (igual)

bash
php artisan make:model Task -m

database/migrations/xxxx_create_tasks_table.php:

php
public function up()
{
    Schema::create('tasks', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->timestamps();
    });
}
bash
php artisan migrate

4. Modelo Task (igual)

app/Models/Task.php:

php
<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Task extends Model
{
    use HasFactory;

    protected $fillable = ['name'];
}

5. Controlador modificado para rutas normales

bash
php artisan make:controller TaskController

app/Http/Controllers/TaskController.php:

php
<?php

namespace App\Http\Controllers;

use App\Models\Task;
use Illuminate\Http\Request;

class TaskController extends Controller
{
    public function index()
    {
        $tasks = Task::latest()->get();
        return view('tasks.index', compact('tasks'));
    }

    public function create()
    {
        return view('tasks.create');
    }

    public function store(Request $request)
    {
        $request->validate([
            'name' => 'required|max:255',
        ]);

        Task::create($request->all());

        return redirect('/tareas')
            ->with('success', 'Tarea creada correctamente');
    }

    public function edit($id)
    {
        $task = Task::findOrFail($id);
        return view('tasks.edit', compact('task'));
    }

    public function update(Request $request, $id)
    {
        $request->validate([
            'name' => 'required|max:255',
        ]);

        $task = Task::findOrFail($id);
        $task->update($request->all());

        return redirect('/tareas')
            ->with('success', 'Tarea actualizada correctamente');
    }

    public function destroy($id)
    {
        $task = Task::findOrFail($id);
        $task->delete();

        return redirect('/tareas')
            ->with('success', 'Tarea eliminada correctamente');
    }
}

6. Vistas modificadas

Estructura de directorios:

text
resources/views/
├── layouts/
│   └── app.blade.php
└── tasks/
    ├── index.blade.php
    ├── create.blade.php
    └── edit.blade.php

resources/views/tasks/index.blade.php:

php
@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Lista de Tareas</h1>
    
    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

<a href="{{ route('tareas.create') }}" class="btn btn-primary mb-3">Nueva Tarea</a>
<a href="{{ url('/tareas/crear') }}" class="btn btn-primary mb-3">Nueva Tarea</a>

    <a href="/tareas/crear" class="btn btn-primary mb-3">Nueva Tarea</a>

    @if($tasks->isEmpty())
        <div class="alert alert-info">No hay tareas registradas</div>
    @else
        <ul class="list-group">
            @foreach($tasks as $task)
            <li class="list-group-item d-flex justify-content-between align-items-center">
                {{ $task->name }}
                <div>
                    <a href="/tareas/editar/{{ $task->id }}" class="btn btn-sm btn-success me-1">Editar</a>
                    <form action="/tareas/eliminar/{{ $task->id }}" method="POST" class="d-inline">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-danger" 
                                onclick="return confirm('¿Eliminar esta tarea?')">Eliminar</button>
                    </form>
                </div>
            </li>
            @endforeach
        </ul>
    @endif
</div>
@endsection

resources/views/tasks/create.blade.php:

php
@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Crear Nueva Tarea</h1>
    
    <form action="/tareas" method="POST">
        @csrf
        <div class="mb-3">
            <label for="name" class="form-label">Nombre de la tarea</label>
            <input type="text" name="name" class="form-control" required>
        </div>
        <button type="submit" class="btn btn-primary">Guardar</button>
        <a href="/tareas" class="btn btn-secondary">Cancelar</a>
    </form>
</div>
@endsection

resources/views/tasks/edit.blade.php:

php
@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Editar Tarea</h1>
    
    <form action="/tareas/actualizar/{{ $task->id }}" method="POST">
        @csrf
        @method('PUT')
        <div class="mb-3">
            <label for="name" class="form-label">Nombre de la tarea</label>
            <input type="text" name="name" class="form-control" value="{{ $task->name }}" required>
        </div>
        <button type="submit" class="btn btn-primary">Actualizar</button>
        <a href="/tareas" class="btn btn-secondary">Cancelar</a>
    </form>
</div>
@endsection

7. Rutas normales

routes/web.php:

php
<?php

use App\Http\Controllers\TaskController;
use Illuminate\Support\Facades\Route;

// Página principal redirige a tareas
Route::redirect('/', '/tareas');

// Rutas para tareas
Route::get('/tareas', [TaskController::class, 'index'])->name('tareas.index');
Route::get('/tareas/crear', [TaskController::class, 'create'])->name('tareas.create');
Route::post('/tareas', [TaskController::class, 'store'])->name('tareas.store');
Route::get('/tareas/editar/{id}', [TaskController::class, 'edit'])->name('tareas.edit');
Route::put('/tareas/actualizar/{id}', [TaskController::class, 'update'])->name('tareas.update');
Route::delete('/tareas/eliminar/{id}', [TaskController::class, 'destroy'])->name('tareas.destroy');

8. Layout (igual que tu ejemplo original)

resources/views/layouts/app.blade.php:

php
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CRUD de Tareas</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container py-4">
        @yield('content')
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

9. Ejecutar la aplicación

bash
php artisan serve

Características de esta versión:

  1. Mantiene la simplicidad del ejemplo original

  2. Rutas normales en lugar de resource

  3. Estructura clásica de CRUD:

    • Listado (index)

    • Formulario de creación (create)

    • Formulario de edición (edit)

  4. Métodos HTTP claros (GET, POST, PUT, DELETE)

  5. Mensajes de confirmación

  6. Validación básica

  7. Diseño simple con Bootstrap

Ahora puedes acceder a:

Comentarios

Publicar un comentario

Entradas más populares de este blog

0-Sistema de Tareas

Guía de CRUD en Laravel para Principiantes: Sistema de Gestión de Tareas Comandos para crear un proyecto de lista de tareas en Laravel Aquí tienes los comandos necesarios para crear tu proyecto de lista de tareas en Laravel: 1. Crear el proyecto Laravel bash composer create-project laravel/laravel gestor-tareas cd gestor-tareas 2. Crear el modelo (aunque en este caso usamos un array, es buena práctica crear el modelo) bash php artisan make:model Tarea -m El flag  -m  crea automáticamente una migración para el modelo. 3. Crear la migración (si no se creó con el modelo) bash php artisan make:migration create_tareas_table 4. Ejecutar las migraciones bash php artisan migrate 5. Crear el controlador bash php artisan make:controller TareaController 6. Crear las vistas (manual) Necesitarás crear manualmente las carpetas y archivos de vistas: resources/views/layouts/app.blade.php resources/views/tareas/index.blade.php resources/views/tareas/crear.blade.php resources/views/tareas/mos...
Leer más

13-CRUD en Laravel para Web y API con Rutas Normales (No Resource)

  Tutorial Actualizado: CRUD en Laravel para Web y API con Rutas Normales (No Resource) Te mostraré la implementación  completa y detallada  con rutas normales (no resource), perfecto para principiantes. Estructura del Proyecto text gestor-tareas/ ├── app/ │ ├── Http/ │ │ ├── Controllers/ │ │ │ ├── Api/ │ │ │ │ └── TareaController.php │ │ │ └── Web/ │ │ │ └── TareaController.php ├── routes/ │ ├── api.php │ └── web.php └── resources/views/tareas/ ├── index.blade.php ├── create.blade.php ├── show.blade.php └── edit.blade.php Paso a Paso Detallado 1. Crear el Proyecto bash composer create-project laravel/laravel gestor-tareas cd gestor-tareas 2. Configurar Base de Datos Editar el archivo  .env : env DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=gestor_tareas DB_USERNAME=root DB_PASSWORD= 3. Crear Modelo y Migración bash php artisan make:model Tarea -m 4. Configurar la Migración Editar  datab...
Leer más

10-Introducción a Blade en Laravel con un Ejemplo Práctico

    Introducción a Blade en Laravel con un Ejemplo Práctico Blade es el motor de plantillas de Laravel que permite crear vistas de manera elegante y eficiente. A continuación te mostraré un ejemplo completo de cómo usar Blade para crear una aplicación simple de gestión de tareas. Estructura del Proyecto Vamos a crear: Una plantilla base (layout) Una página de índice para ver todas las tareas Una página para agregar nueva tarea Una página para ver los detalles de una tarea Un menú de navegación Funcionalidad para salir (logout) 1. Plantilla Base (resources/views/layouts/app.blade.php) html <! DOCTYPE html > < html lang = " es " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > @yield('title') - Gestor de Tareas </ title > < link href = " https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/d...
Leer más