Código de guardar

Clase 14 de 20 • Curso de Single Page Applications en Laravel con Inertia y Vue.js

Carlos Eduardo Gomez García

teacher•

Me gusta que en Laravel puedes crear datos y guardarlos en tan solo 3 líneas de código, y esto es genial y tampoco implica un problema de seguridad porque para eso son las validaciones, de hecho las validaciones no se deberían hacer ahí (en un proyecto real, por motivos del curso y practicar está bien), pero en un proyecto real, las validaciones de Laravel se hacen en un archivo aparte y si no mal recuerdo se pasaban como una inyección de dependencias 👀

Nestor David Velasquez Lopez

student•

Así es, y adicional a ello como buena práctica es mejor cambiar el metodo all() por el método validated(). Así te aseguras de que estas utilizando únicamente los datos que ya fueron validados

Abel da Cunha

student•

👍

María Sierra

student•

Código de guardar

Ya que copiamos el código del archivo Edit.vue, tenemos que modificar el método submit para que realmente envié los datos a store y los cree en la base de datos.

				methods: {
            submit() {
                this.$inertia.post(this.route('notes.store'), this.form)
            }
        }

Ahora tenemos que modificar el método store en el controlador de esa ruta. Aquí vamos a validar los datos, después obtenerlos y mandarlos todos a la base de datos, y por último redirigirnos a la ruta de edición de esa misma nota que hemos creado

		public function store(Request $request)
    {
        $request->validate([
            'excerpt' => 'required',
            'content' => 'required'
        ]);

        $note = Note::create($request->all());

        return redirect()->route('notes.edit', $note->id);
    }

Gonzalo Garcia Ariño

student•

Para mi fue preferible una vez que se guarda el nuevo registro, es decir la nota nueva, en vez de remitir a editar que es un formulario idéntico, lo mando a show, que no deja editar, dando cuenta del exito a la hora de guardar el registro.

Jimmy Buriticá Londoño

student•

Estas en lo cierto, se ve mejor.

VICTOR CAUDILLO

student•

Si quisiera enviar los datos de errores a la vista ¿cómo podria hacerlo? Ahora mimos pienso que podria agregar en el props un array erros y solo imprimir pero me gustaría ver un ejemplo

Kenneth Angulo L

student•

El Componente de vue ya esta intersectando (si se puede decir asi), los errores generados por el validador (StoreNoteRequest o UpdateNoteRequest o el generico si no configuraste), no tienes que enviarlos manualmente. . Y se muetsran con esta linea de codigo (importando el componente previamente.): .

<BreezeInputError :message="form.errors.excerpt"/>

Paul Auqui

student•

Hola como obtengo los errores del modelo con vue 3

Kenneth Angulo L

student•

HOla, El framework ya viene preparado para esto. Ya existe un componente de breeze que se encarga de ellos. .

en el area de scripts de vue, importar esto:

import BreezeInputError from '@/Components/InputError.vue';

En cada componente de html al que le quieras mostrar el error, ejemplo despues de cerrar el textarea pones esto:

<BreezeInputError :message="form.errors.excerpt"/

Y listo !!

Jorge Bou-saad

student•

Comparto mi commit con Laravel 9

https://github.com/jlbousing/platzi-inertia/commit/464fa5d28e1080193631c8114767b82d135f724e

Kenneth Angulo L

student•

Moisés de Jesús Cortés Castellanos

student•

Hay una manera un poco más eficiente desde mi perspectiva para evitar las redirecciones, y ahorrarse una petición al servidor. Todo consiste simplemente en usar las funciones en vez de las redirecciones y aprovechar el poder de esta gran herramienta.

public function store(Request $request)
    {
        $request->validate([
            'excerpt' => 'required',
            'content' => 'required',
        ]);

        $note = Note::create($request->all());

        return $this->show($note);
    }

Lo mismo se puede hacer para la función de actualizar.

public function update(Request $request, Note $note)
    {
        $request->validate([
            'excerpt' => 'required',
            'content' => 'required',
        ]);

        $note->update($request->all());

        return $this->index();
    }

Esto se puede mejorar un poco más separando las validaciones en sus archivos respectivos y el asunto seria aun más simple y estético.

Si estoy bien, o mal o hay una mejor solución espero me la hagan saber.

Código de guardar

Introducción

Cómo aprenderás a crear SPAs en Laravel

Introducción a Jetstream

Proyecto

Conoce qué SPA vas a construir

Configuración inicial

Sistema basado en componentes

Jetstream: configuración inicial

Jetstream: personalización

Listado de notas: configuración inicial

Listado de notas: personalización

Vista detalle de nota

Formulario de editar

Código de actualizar

Formulario de crear

Código de guardar

Función de eliminar

Flash message

Buscador

Conclusión

Repaso final

Despedida

Clase bonus: nunca parar de aprender