Conexión VUEjs y Laravel - API

↑ Me gusta (1)

En este video vamos a crear el código necesario para iniciar el API, como primer paso utilizaremos datos de ejemplo (seeder) y configuramos el controlador ya creado para las consultas a nuestra Base de Datos. Lo primero que vamos a necesitar será la creación de datos de prueba, o más conocidos como datos semilla (seeders). Con el comando php artisan make:seeder TasksTableSeeder creamos un nuevo archivo seeder para llenar con información la tabla Tasks.

 

Creación del Seeder

En el archivo database/seeds/DatabaseSeeder.php dentro de su método run() configuramos la invocación a nuestro archivo seeder creado.

public function run()
{
    $this->call(TasksTableSeeder::class);
}

Luego, en el archivo del seeder database/seeds/TasksTableSeeder.php invocamos la entidad use App\Task; y dentro de su método run() utilizamos el método Factory para crear 5 nuevos registros del modelo.

public function run()
{
    factory(Task::class, 5)->create();
}

Para establecer los campos que se van a llenar y con que se van a llenar, necesitamos configurar el archivo database/factories/ModelFactory.php de la siguiente manera.

$factory->define(App\Task::class, function (Faker\Generator $faker) {
    return [
        'keep' => $faker->sentence,
    ];
});

Para finalizar utilizamos el comando php artisan migrate:refresh --seed y con toda esta configuración realizada se crearán 5 registros nuevos con data de ejemplo en la tabla Tasks de la base de datos.

 

Configuración del Controlador

Dentro del controlador de nuestra aplicación necesitamos preparar los métodos para que VUE se pueda comunicar con ellos y obtener los datos necesarios. Como primer paso y muy importante es invocar la entidad use App\Task; en la parte superior de nuestro controlador, ya que por medio del modelo Task podremos establecer consultas a los datos almacenados.

Al método index() del controlador lo vamos a utilizar para conseguir todos los registros disponibles.

public function index()
{
    $tasks = Task::get();
    return $tasks;
}

El método edit($id) del controlador va a mostrar un formulario pero con datos, esos datos se van a buscar por el valor del id recibido.

public function edit($id)
{
    $task = Task::findOrFail($id);
    //Formulario
    return $task;
}

Por último el método destroy($id) del controlador va a tener la lógica de eliminación, se va a buscar un registro a partir del id y luego con el método delete() se realiza su eliminación.

public function edit($id)
{
    $taks = Task::findOrFail($id);
    $taks->delete();
}

Los métodos create(), store() y update() irán siendo configurados a detalle en los siguientes videos dentro del curso, ya que son métodos que requieren de una lógica un poco más compleja.

Listo! Ya se han colocado y configurado los métodos básicos con el código necesario para iniciar nuesta API. Con el comando php artisan route:list podemos utilizar las rutas disponibles conectadas a los métodos que hasta ahora se han configurado para realizar pruebas del acceso a los datos.

  • Crislin Nuñez

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