Desarrollo de página de detalles con rutas dinámicas en Laravel

Contenido del curso

Configuración

Diseño de un foro

Livewire

Optimización

CRUD

Detalles finales

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:007:43

Desarrollo de página de detalles con rutas dinámicas en Laravel

Curso de Laravel

Clase 7 de 25

Clase 7 / 25

Recursos

Laravel te permite desarrollar páginas dinámicas siguiendo un claro flujo desde la creación de rutas, pasando por los controladores hasta llegar finalmente a vistas HTML. Crear una página que muestra los detalles de una pregunta es ideal para entender mejor cómo trabaja Laravel desde sus elementos más básicos hasta los más específicos.

¿Cómo definir rutas dinámicas en Laravel?

Toda dinámica en Laravel inicia al definir una ruta en tu archivo de rutas. Se usa una ruta del tipo get para gestionar solicitudes con parámetros dinámicos, generalmente un ID, para acceder a recursos específicos. Por ejemplo:

Route::get('preguntas/{pregunta}', [PreguntaController::class, 'show'])->name('preguntas.show');

Fíjate cómo el parámetro {pregunta} permite obtener un ID dinámico para indicar exactamente qué pregunta se desea visualizar.

¿Qué función cumple el controlador en Laravel?

Ya definido el directorio, necesitas crear un controlador que gestione esta solicitud. Laravel facilita mucho esto con comandos prácticos:

php artisan make:controller PreguntaController

Dentro del controlador, usas un método denominado show que automáticamente realiza una búsqueda implícita por ID en el modelo correspondiente:

public function show(Pregunta $pregunta)
{
    $pregunta->load(['respuestas', 'categoria', 'usuario']);
    return view('preguntas.show', ['pregunta' => $pregunta]);
}

Esto quiere decir que Laravel hace una búsqueda del registro automáticamente con el ID provisto en la ruta. Además, con el método load añades dinámicamente más relaciones a la consulta existente.

¿Cómo generar vistas dinámicas en Laravel?

Finalmente, para visualizar esta información, creas una vista. El archivo se ubica dentro del directorio específico en tu carpeta views, organizando bien el proyecto:

resources/views/preguntas/show.blade.php

Una vista simple sería clara y funcional de esta manera:

<h1>{{ $pregunta->titulo }}</h1>
<p>{{ $pregunta->descripcion }}</p>

Así, Laravel carga dinámicamente el contenido solicitado según cada petición, mostrando efectivamente los detalles específicos de cada pregunta.

¿Cómo enlazar rutas dinámicas desde una vista?

En la vista que lista las preguntas, defines enlaces para acceder fácilmente:

@foreach($preguntas as $pregunta)
<a href="{{ route('preguntas.show', $pregunta) }}">{{ $pregunta->titulo }}</a>
@endforeach

Este código permite acceder directamente al detalle de cada pregunta, aprovechando el mismo nombre definido en la ruta y la convención de Laravel para rutas definidas con IDs dinámicos.

¿Cómo trabajar con relaciones en Laravel?

Laravel maneja naturalmente relaciones entre modelos, facilitando la gestión de datos relacionados. El método load permite agregar dinámicamente relaciones adicionales a la información ya obtenida en los controladores:

$pregunta->load('respuestas', 'categoria', 'usuario');

Recuerda definir claramente estas relaciones en tus modelos correspondientes:

public function respuestas()
{
    return $this->hasMany(Respuesta::class);
}

public function categoria()
{
    return $this->belongsTo(Categoria::class);
}

public function usuario()
{
    return $this->belongsTo(User::class);
}

Estos pasos bien ejecutados permiten crear páginas dinámicas funcionales en Laravel, eficaces en términos de rendimiento y claridad en la organización del código.

¿Qué otras funcionalidades en Laravel te gustaría explorar para mejorar tus proyectos? ¡Cuéntanos tus ideas y experiencias!

Robert Rincon

Hace un año

Para mi el detalle lo hice de esta manera

<a href="{{ route('home') }}">Regresar</a>

<br>

<h1>Detalles de la Pregunta</h1>

{{ $question->title }}
<p>
    {{ $question->description }}
</p>

<p>Respuestas</p>
<ul>
    @foreach ($question->answers as $answer)
        <li>
            <p>{{ $answer->content }}</p>
            <p>Por: {{ $question->user->name }} - {{ $answer->created_at->diffForHumans() }}</p>
        </li>
    @endforeach
</ul>

Y como comentan los demas compañeros, de igual forma funciona con el with o con el load, si algo me esta faltando, o porque es mas recomendable una de otra, soy todo ojos, gracias!

class QuestionController extends Controller
{
    //public function show(Question $question)
    public function show()
    {
        //$question->load('answers','category', 'user');
        $question = Question::with('answers','category', 'user')->findOrFail(request()->question);


        return view('questions.show', [
            'question' => $question
        ]);
    }
}

Kenneth Angulo L

Hace un año

ambos metodos hacen 'eager load' de los modelos relacionados.

with() -> se usa de primeras al traer el modelo, asi como lo escribiste en el ejemplo. es mas eficiente. y previene problemas N+1 mas adelante.

load() -> tambien carga relaciones pero se usa despues de haber cargado el modelo, por ejemplo cuando ya encadenaste mas metodos para procesar o filtrar los datos y luego hay caramba ! no traje esta relacion !

alli se usa load(). Este ultimo metodo es mas costoso en terminos de rendimiento sobre todo si tenemos querys complejos.

Configuración

Desarrollo de foro interactivo con Laravel y LiveWire

Instalación de Laravel con kit de inicio LiveWire

Creación de modelos, migraciones y factories en Laravel

Creación de datos falsos para pruebas con factories y seeders

Diseño de un foro

Flujo completo de Laravel: ruta, controlador, modelo y vista

Diseño home en Laravel con Tailwind CSS

Desarrollo de página de detalles con rutas dinámicas en Laravel

Creación de componentes Blade para plantillas reutilizables en Laravel

Pregunta con respuestas dinámicas en Laravel

Relaciones polimorfas para comentarios en Laravel

Livewire

Primer componente Livewire con comentarios

Guardar comentarios en tiempo real con Livewire

Formulario para responder preguntas en Laravel

Botón de corazón reactivo con Livewire

Optimización

Refactorización de componentes Livewire y optimización con Traits

Eliminar preguntas y datos huérfanos en Laravel

Eliminación en cascada desde el modelo Laravel

Cómo eliminar el problema N+1 en Laravel

CRUD

Cómo crear el index del foro en Laravel

Crear preguntas en un foro con Laravel

Formulario de edición con rutas edit y update

Detalles finales

Control de acceso con middleware en Laravel

Políticas de acceso en Laravel con Blade

Separación de responsabilidades en controladores Laravel

URLs limpias con slugs en Laravel

Desarrollo de página de detalles con rutas dinámicas en Laravel