Plantillas Laravel CRUD-Información de Educacion

Plantillas Laravel  CRUD-Información de Educación


Ahora, para continuar con el campo Educación de nuestra hoja de vida, Seguiremos los siguientes pasos: 

Se creara un archivo con el nombre que se muestra en el comando en la ubicación database/migrations.

1. A continuación escribiremos la estructura de la tabla en el archivo que acabamos de crear, por el momento solo nos mostrara: $table->increments('id'):
$table->timestamps():

Así que le agregaremos los siguientes campos:


2. Editaremos el archivo del modelo de Educacion, para indicar la listas de campo sobre los cuales escribirá laravel, la ubicación del modelo es app/Eduacion.php


3. Escribir en la consola: php artisan migrate:refresh


Y como podrán ver en la base de datos nos aparecerá la nueva tabla:


4. Crearemos el controlador de recurso para la tabla de educacion, escriba en la consola el comando php artisan make:controller EducacionController --resource


5. Editar el archivo de routes/web.php, escribiendo lo siguiente:


6. Editar la opción del menú educación en la plantilla principal resources/views/layouts/app.blade.php


La opción de menú de educación estará como muestra la imagen anterior, y lo editaremos así:


7. Editar el archivo EducacionController  en app/Http/Controllers, la edición se realizara en el método index del controlador, para extraer el contenido de registros que pertenecen al usuario conectado.


8. Ahora en la carpeta view que se encuentra en resources/view  rearemos una subcarpeta llamada educacion, dentro de esa carpeta crearemos tres archivos, listeducacion.blade.php, createducacion.blade.php y editeducacion.blade.php.


9. Ahora editaremos el archivo de listeducacion.blade.php


Como podemos ver la página nos responde correctamente:


10. Crearemos un botón para nuevo con la url que nos direccione hacia el createeducacion.blade.php.


Al recargar la pagina nos aparecerá el botón Nuevo.


11. Ahora crearemos una tabla con las siguientes columnas:0


Nos quedara así:


12. Ahora llamaremos los archivos de la base de datos y los mostraremos en una fila con sus datos que pertenecen a cada columna, y en acción que es la primera columna crearemos un botón que será el de editar, este nos direccionara al archivo editeducacion.blade.php (Por el momento no nos aparecerá ningún dato, porque no hemos agregado ningún dato a la tabla de educación.


13. Continuaremos con el archivo createeducacion.blade.php, podemos acceder a el por el botón nuevo. Pero antes escribiremos en el archivo ubicado en app/Http/Controllers/EducacionController en la función créate()


14. Editaremos el archivo createteduacion.blade.php


Como podremos ver al recargar la página se nos vera la pagina así:


15.  A continuación haremos el siguiente Formulario.


Y el formulario nos quedaría así:


16. Ahora le agregaremos los botones de Guardar y Cancelar:


17. Ahora, para que los datos ingresados en el formulario nos guarde, iremos a la función store() en el Archivo EducacionController ubicado en app/Http/Controllers/. 


Al momento de ingresar un archivo, si ha hecho los pasos correctamente, los datos ingresados se guardaran en la base de datos:



18. Ahora iremos a escribir en la function Show() en el EducacionController hubicado en app/Http/Controllers/ lo siguiente:


19. Lo siguiente que haremos será copiar todo el código del archivo createeducacion.blade.php


Y pegarlo en el editeducacion.blade.php


20. Ahora editaremos un poco el código para llamar los datos de la tabla educacion.

-Primeramente Cambiaremos el título del panel.
-Luego en el form escribiremos en “action” la ruta que sea la función update y le diremos a la página que trabaje con la tabla educación de su respectivo id.

-Escribiremos luego del Token de seguridad que es:{!! csrf_field() !!} agregaremos el nuevo método {!! method_field('PATCH') !!} que hará que la base de datos sepa que es el usuario el que está actualizando la información.

-Por ultimo para agregar el botón de eliminar registro crearemos una tabla para contener los tres botones ya que la plantilla no nos dejara poner el tercer botón en línea con los otros dos.

-Tambien le agregaremos el Token de Seguridad {!! csrf_field() !!} y el {!! method_field('DELETE') !!} Para que así con ese método sepa la base de datos que el usuario borro el dato registrado.
-Haremos que al momento de presionar el boto Cancelar nos redireccione hacia el listeducacion.

Y nuestro CRUD para educación estará funcionando perfectamente.



-Luego en el input de Centro educativo borraremos el placeholden y el autofocus y le agregaremos el value con los llamados de la tabla de educación para que nos muestre los datos de la tabla.

-En fecha solo agregaremos el value para que nos muestre el dato de la tabla educación.

-Y al final le borraremos el placeholder de título y le agregaremos el value.



21. Ahora para que nos funcionen el botón de Guardar(Actualiza el dato) y el Borrar Registro editaremos en EducacionController las funciones update() y destroy().


Y nuestro CRUD para educación estará funcionando perfectamente.

Link de los videos: 

Comments

Popular posts from this blog

Estructura Condicional Múltiple

Plantillas Laravel