Pasos para actualizar registros de la base de datos de la tabla tipo relacionada desde página web dinámica

1. Actualizar registros de la base
de datos de la tabla tipo
Relacionada desde página
web dinámica
Licenciatura en Tecnologías de la Información
Programación Web
Estudiante: Oscar Andres Alba Padron
Código: 220779802
Fecha: 03/04/2023

2. 1.- Para empezar, creé los archivos necesarios para
la tarea

3. Archivo:
reporte_editar_refacciones_Oscar_Alba.
php

4. 2.- Para este primer archivo recuperamos todos los
datos de la tabla relacionada y el modelo de la tabla
catálogo para mostrarlos en una tabla como en
actividades pasadas

5. 3.- En el head del archivo añadi el titulo de la
pagina, un icono y lo vincule con el archivo css

6. 4.- Dentro del div “texto1” empece creado las
columnas del reporte

7. 5.- En el cuerpo de la tabla introduje los datos de la
Base de datos con un foreach y añadí dos columnas
para elegir cual registro queremos editar o eliminar en
base al id de la refacción.

8. 6.- En el cuerpo de la tabla introduje los datos de la
Base de datos con un foreach y añadí dos columnas
para elegir cual registro queremos editar o eliminar.

9. 7.- Cerré la conexión con la base de datos y añadí
partes del diseño

10. Archivo
editar_refacciones_Oscar_Alba.php

11. 8.- Aquí creamos la consulta para obtener los datos de la
tabla catálogo y seleccionamos los datos en base a la id
recuperada en la variable $idrefaccion con un $_GET

12. 9.- Aquí creamos la consulta para obtener los datos de la
tabla catálogo y seleccionamos los datos en base a la id
recuperada en la variable $idrefaccion con un $_GET

13. 10.- En el head del archivo también añadí un titulo,
el icono y lo vincule al archivo css y js.

14. 11.- En el div “texto1” cree un formulario que recuperara
los datos del modelo del vehículo haciendo uso de 2
foreach, uno para recuperar datos de la tabla vehiculo y
otro para los datos de la tabla refacciones

15. 12.- Estos fueron los siguientes datos que mande a
llamar por medio del value

16. 13.- Para el combo box ingrese el dato recuperado
de la base de datos como primer valor y como
texto e incluí un botón tipo submit

17. 14.- Cerré la conexión con la base de datos y
vincule el archivo con el archivo menú.js

18. Archivo:
validaciones_editar.js

19. 15.- Este archivo lo reutilicpé de la práctica
alta_refacciones

20. 16.- Con varios if else añadí las validaciones para los
campos de texto y numeros respectivamente

21. Archivo:
actualizar_refacciones_Oscar_Alba.php

22. 17.- Para empezar con este archivo, me conecte a la
base de datos y recuperé los datos introducidos por el
usuario en el formulario anterior con el método $_POST

23. 18.- Cree un ciclo if que transforma los valores
string a números (en caso de que el usuario no
seleccione un nuevo valor en el combobox)

24. 19.- Escribí la consulta para actualizar el registro
seleccionado en la base de datos almacenando
según la id de la refacción

25. 20.- En el html añadí el título, el icono y lo víncule
con el archivo css.

26. 21.- Mandé a imprimir los datos recuperados del
anterior formulario

27. 22.- En el combo box cree in ciclo if para mandar a
imprimir el tipo de refacción seleccionada por el
usuario

28. 23.- Añadí 2 links para volver al reporte_editar o al
reporte_general y cerré la conexión con la base de
datos, añadiendo el pie de página y vinculé el archivo
para el funcionamiento del menú de opciones

29. Práctica en el hosting

30. 24.-

31. 25.-

32. 26.-

33. Práctica en funcionamiento

34. 27.-

35. 28.-

36. 29.-

37. 30.-

38. Link de la práctica:
http://oscaralbaproyectophp2023a.ats
pace.cc/paginas/reporte_editar_refac
ciones_Oscar_Alba.php