CRUD en Laravel y VUEjs - Despedida

↑ Me gusta (0)

Último video y despedida de la serie Crud en Laravel y Vuejs, corto resumen de todo lo visto a lo largo de los videos y corrección de un error en el Api del proyecto. Antes de bajar el telón a este gran curso de la serie Crud con Laravel y Vuejs, vamos a corregir un pequeño error humano cometido en la programación del Api de nuestro proyecto.

Nos dirigimos al archivo controlador app\Http\Controllers\TaskController.php y específicamente en el método index() realizamos el siguiente cambio:

Dentro del array pagination que definimos en videos anteriores para el retorno de los datos a utilizar en la paginación con Vue, a la variable “hasta” to le colocamos por error el valor de la última página $tasks->lastPage(), esto le cambiamos por el valor correcto que sería $tasks->lastItem() y de esta manera configuramos la variable “hasta” con el dato del último elemento.

<?php
public function index(Request $request)
{
    $tasks = Task::orderBy('id', 'DESC')->paginate(2);
    return [
        'pagination' => [
            'total'               => $tasks->total(),
            'current_page' => $tasks->currentPage(),
            'per_page'       => $tasks->perPage(),
            'last_page'       => $tasks->lastPage(),
            'from'              => $tasks->firstItem(),
            'to'                   => $tasks->lastItem(),
        ],
        'tasks' => $tasks
    ];
}

Cabe señalar que el sistema funciona bien porque esto es algo que no se está empleando de forma activa en Vue, por ende, no causa ningún error en el algoritmo como pudimos darnos cuenta en el video anterior donde la paginación funcionaba correctamente.

Con todo esto hemos cumplido el objetivo de crear un CRUD utilizando las tecnologías de Laravel y Vuejs y como si fuera poco, también realizamos la paginación de los registros de nuestra base de datos. Como dato interesante te comento, que Laravel se hizo famoso cuando creó la funcionalidad de hacer la paginación utilizando una única línea de código, a la diferencia de lo complicado que era realizarlo en otros frameworks de desarrollo. Con Laravel es tan fácil como utilizar la función paginate() en la consulta del controlador y en la vista llamar a la variable de datos con la función tasks->render().

Gracias por seguir esta serie y esperamos que te sirva de mucha ayuda en futuros proyectos, ya que al realizar estos tutoriales nuestro objetivo es acercarte o darte una idea del desarrollo proyectos dinámicos, competitivos y muy cercanos al mundo laboral.

Italo Morales F. Italo Morales F. 3,230.00 XP

1

Tecnologías Webpack y Laravel Mix

Bienvenido a una de las series más esperadas y solicitadas en Rimorsoft, y no es para menos. La mezcla de dos grandes frameworks como lo son...

2

Controllers, Routes, Views, Database para el CRUD

En este video vamos a comenzar formalmente con la preparación del proyecto para realizar el CRUD utilizando VUE y Laravel. Se realiza la cre...

3

Conexión VUEjs y Laravel - API

En este video vamos a crear el código necesario para iniciar el API, como primer paso utilizaremos datos de ejemplo (seeder) y configuramos...

4

Lista de datos con Laravel y VUEjs

En este video veremos realmente la integración de Laravel y Vue, el objetivo será crear el diseño con su tablas, los botones, el título y la...

5

Eliminar registros con VUEjs y LARAVEL

Ha llegado la hora de adentrarnos un poco más en el funcionamiento del CRUD y en este video vamos a trabajar con la letra D, es deci...

6

Notificaciones con TOASTR - Uso de Jquery, Laravel y Vuejs

En este video vamos a culminar el proceso de eliminación de un registro, haciéndole saber al usuario que la acción se ha realizado con éxito...

7

Formulario de creación con ventana Modal - Laravel y Vuejs

Vamos a dedicarnos en el diseño para preparar la vista de nuestro formulario de creación, utilizando la tecnología de Bootstrap con una vent...

8

Guardar datos con LARAVEL y VUEjs – Método STORE

En este video vamos a continuar con el formulario de creación para añadir una nueva tarea a nuestra base de datos, utilizando Vue para h...

9

Formulario para Editar con LARAVEL y VUEjs

Vamos a preparar el terreno para la edición de un registro de nuestra lista de tareas, es decir crearemos el formulario y su respectiva vent...

10

Actualizar registros con LARAVEL y VUEjs

Tenemos que continuar con el proceso de edición de un registro y es por esto que en este video vamos a crear el bloque de código necesario p...

11

X-XSRF-TOKEN LARAVEL, VUE y AXIOS

Este video será el Bonus número 1 dentro de esta serie y en el cual vamos aprender un poco sobre seguridad y como Laravel nos ayuda en ese s...

12

Paginación usando VUEjs y LARAVEL - Parte 1

Video Bonus número 2, en el que vamos aprender paso a paso cómo realizar la paginación de varios registros de la base de datos en una lista,...

13

Paginación VUEjs y LARAVEL Computed Property - Parte 2

Video Bonus número 3, en el que vamos a continuar con la práctica de la paginación de varios registros utilizando Laravel y Vuejs, enfocándo...

14

Paginación VUEjs y LARAVEL Cálculo de páginas - Parte 3

Video Bonus número 4, vamos a continuar con la programación de la propiedad pagesNumber para obtener los números de página con cálculos...

15

Paginación VUEjs y LARAVEL Cálculo de páginas - Parte 4 (FINAL)

Video Bonus número 5, donde vamos a continuar básicamente con la creación del html o diseño de la paginación, utilizando los métodos y varia...

16

CRUD en Laravel y VUEjs - Despedida

Último video y despedida de la serie Crud en Laravel y Vuejs, corto resumen de todo lo visto a lo largo de los videos y corrección d...

Libro de Laravel Engineer Compra el libro Laravel Engineer