Crud con Laravel 5: Read

laravel

Segunda parte del crud con Laravel 5, si no has visto la primera te recomiendo que lo hagas ya que creamos y configuramos el proyecto, aquí tienes el enlace.

En esta segunda entrada vamos a listar los posts que hemos creado y también crearemos un par de botones, uno para ir a la edición del post y otro para eliminarlo a través de un formulario con un campo oculto con el método DELETE.

Lo primero que puedes hacer es abrir el archivo PostController y en el método index añadir el siguiente código para obtener los posts paginados y mandarlos a la vista index:

/**
* Display a listing of the resource.
*
* @return Response
*/
public function index()
{
 return view("posts.index")->with('posts', \App\Post::paginate(2)->setPath('post'));
}
Ahora simplemente debemos crear la vista index.blade.html en el directorio resources/views/posts y añadir el siguiente código:
@extends('app')
 
@section('content')
<div class="container">
  <div class="row">
   <div class="col-md-10 col-md-offset-1">
      @if(!$posts->isEmpty())
          <table class="table table-bordered">
              <tr>
                <th>Título</th>
                <th>Editar</th>
                <th>Eliminar</th>
              </tr>
              @foreach ($posts as $post)
                  <tr>
                    <td width="500">{{ $post->title }}</td>
                    <td width="60" align="center">
                      {!! Html::link(route('post.edit', $post->id), 'Edit', array('class' => 'btn btn-success btn-md')) !!}
                    </td>
                    <td width="60" align="center">
                      {!! Form::open(array('route' => array('post.destroy', $post->id), 'method' => 'DELETE')) !!}
                          <button type="submit" class="btn btn-danger btn-md">Delete</button>
                      {!! Form::close() !!}
                    </td>
                  </tr>
              @endforeach
          </table>
          <?php echo $posts->render(); ?>
      @endif
   </div>
  </div>
</div>
@endsection
Y eso es todo, con este poco código hemos podido listar nuestros posts y crear los enlaces tanto a la edición cómo para eliminar un post utilizando el verbo DELETE, obviamente podemos crear un sencillo enlace para eliminar el post en la ruta que nosotros queramos.

En el siguiente tutorial veremos cómo actualizar nuestros posts, espero que te haya gustado y si es así te agradezco que compartas mi trabajo en las redes sociales.

Comentarios

Comentarios