Publicación De Laravel: CRUD Relacional Información de Contacto



Integrantes:  -Bessy Yolany Zavala Galdamez
                     -Carlos Eduardo Mejía Galeas
                     -David Enrrique Mejía Velasquez
                     -Michael Josue Figueroa Padilla


Crud Relacional Información de Contacto

En este blog trabajaremos lo que es la parte de Contacto de nuestra publicación de laravel LA AUTENTICACIÓN DE DATOS PERSONALES, le pondremos por así decirlo funcionalidad a la opción de Contacto, Si aun no cuentan con lo que es La Autenticación les dejo este enlace para que puedan trabajar: Autenticacion de Datos Personales.



Lo primero que aremos es: una ves abierto el programa de Visual Studio 2010, el servidor apache ejecutado de Xampp,  un esquema en MySQL(Schema)

 Comenzaremos con una serie de pasos Modelo y migración para la tabla contactos.
 Escribir en la consola el comando: php artisan make:model Contacto --migration    



Editar el archivo de migración de contactos para crear la estructura de la tabla (Database/migrations)



  Editar el archivo del modelo de contacto, para indicar la listas de campo sobre los cuales escribirá laravel(app/contacto.php).


       Crear un archivo para poblar con registros de pruebas en la tablas de usuarios y contactos

    En la consola escribir el comando: php artisan make:seed DatosSeeder

    En el editor abrir el archivo DatosSeeder y escribimos lo siguiente:.    


Editar el archivo DataBaseSeeder.php


  

  Escribir en la consola php artisan migrate:refresh --seed

     
  Crear el controlador de recurso para la tabla de contactos, escriba en la consola el comando php artisan make:controller ContactosController –resource

    Editar el archivo de rutas, escribiendo lo siguiente:

   Editar la opción del menú contacto en la plantilla principal (resources/views/layouts/app.blade.php)


    Editar el archivo ContactosController (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 (ver imagen)


   En la carpeta resources/views crear la carpeta contactos y dentro de esta crear los archivos createcontacto.blade.php, editcontacto.blade.php, listcontacto.blade.php




Seguidamente haremos lo siguiente con nuestro proyecto

Lo primero que iremos a hacer será en el modelo de usuario será la función que tenemos en nuestro usuario conectado.


Donde nosotros tomaremos en cuenta lo que tenemos en nuestra tabla users que nos dará el producto que yo tengo 

Luego buscaremos el contacto controller  y llamar la vista donde haremos el llamado para que nos aparezca nuestras instrucciones

Después de copiar esto nos dirigiremos a buscar el archivo listcontacto  donde nosotros podemos ir a insertar lo que nosotros escribiremos en nuestra pagina principal del proyecto.

En ella utilizaremos unas tablas donde lo que insertaremos es un código que cuando pasemos encima de nuestra tabla el mouse cambie

Y pondremos como Titulos la Acción, Titulo, Descripción.

Nosotros en nuestro liscontacto  podríamos poner Lista de contactos y aparecerá como en la imagen de arriba después de eso nosotros venimos y borramos lo que es el tema o podemos decirlo asi el tablero lo eliminamos y nos aparecerá mas arriba lo que nosotros vayamos a hacer con nuestras tablas.
En el listcontactos agregamos los botones de eliminar información y editar para que nuestra tabla no se vea tan piruja
Agregamos la línea de la siguiente imagen #13, 14, 15 y también en nuestra línea #20 abriremos un <tr> donde eso lo utilizamos para las tablas dentro de el ingresaremos las lineas #21, 22, 23 donde en la linea #21 ingresamos el botón de editar en la siguiente línea ya haremos uso de laravel haciendo un llamado a $contacto que será de la tabla tipo y en la próxima línea llamaremos $contacto de la tabla descripción

Como lo pueden ver en la siguiente imagen:

 Para poder hacer un llamado a nuestras rutas usaremos el cmd o ejecutador de código de Windows donde escribiremos cd / la carpeta de xampp/ la sub carpeta donde tienes el proyecto / la carpeta del proyecto.

Viendo lo así tendría que aparecerles asi como en la siguiente imagen :  

Después de ello tendríamos que  escribir php artisan route :list esto significa que nos mostrara las rutas que nosotros estamos utilizando o tenemos en un intervalo de ejecución :

Aquí observamos métodos sus nombre y la acción que esta cumpliendo  y buscamos contactos.create:

Después de ver la ruta buscaremos el archivo ContactosController@create..

Después buscamos dentro del el el public function show ($id) donde escribiremos el valor de contactos para que nos busque el id o algo asi .


Lo que faltaría después de haber guardado cambios seria lo que es ejecutar xammp y abrirlo con el localhost



Luego lo abrimos con el local host

En lo que nos abrirá el archivo blade pero sin hoja de estilo de la siguiente manera


Lo que tendremos que hacer será buscar los archivos “css y js” y moverlos a las carpetas donde esta el archivo app.blade y buscarlo nada mas
Para lo que seria las hojas de estilo cambiaran algunas circunstancias  porque tendremos que modificarlas.
En estas hojas de estilo solo borraremos lo que antes donde diga css sy no tiene borrarelos lo que este antes de la ultima pleca

Y  lo que es en el js se hara lo mismo con el mismo procedimiento el JS para encontrarlo esta al final del proyecto.

Aquí será lo mismo ya cuando guardamos cambios nos tendrá que aparecer tal como si lo abriéramos en el index original con los iconos y todo lo demás
Después de eso lo único que nos faltaría es ponerle el nombre del inicio de sesion de algún usuario lo que escribiremos la siguiente línea


Escribimos esta línea de código y en otro documento de la plantilla estará lo que nos servirá para poder mostrar quien  lo esta usando nos dirigimos al home.blade.php y  esta parte  nos guardara el nombre a nosotros no los aparece porque nadie lo esta usando pero si funciona .

-copiamos el Código {!! csrf_field() !!} y {!! method_field('DELETE') !!}
-agregamos el botón con la clase btn btn-danger para un color rojo al botón.

1.        Ahora en el ContactosController ubicado en app/Http/Controllers editaremos las siguientes funciones:




Ahora, si vamos a Actualizar los datos, no debe de haber ningún error:
Editaremos este dato:

Editamos y le daremos Guardar:

Como puede ver nos Guarda sin ningún error:

Ahora eliminaremos este dato:

Y como ven, se borró sin problemas:

Y si le damos Cancelar, solo nos debe de redireccionar para “/contactos”




Al final solamente editaremos en la sección Pagina Principal el href para que nos redireccione al home:

Eso a sido todo espero que les haya gustado el tutorial

Comentarios

  1. The 5 Best Video Poker Casinos in New Jersey - JTM Hub
    Video Poker is a game of 태백 출장안마 skill where 충청북도 출장마사지 your money comes in front of you. Whether it's in 경주 출장안마 the video 안산 출장마사지 game version or 포항 출장안마 a special edition of the game

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Funciones y Arreglos en C#

Estructura de control múltiple y Ciclos repetitivos en C#

Gráfica Estadística, Objeto Chart Control