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