Pasos para la realización de la práctica que permite insertar datos en la tabla refacciones desde una página web.

1. Insertar datos desde
formulario web usando PHP y
MySQL (con PDO)
Licenciatura en Tecnologías de la Información
Programación Web
Estudiante: Oscar Andres Alba Padron
Código: 220779802
Fecha: 29/03/2023

2. Archivo
alta_refacciones_Oscar_Alba.php

3. 1.- Lo primero que hice fue crear los archivos
necesarios para la realización de esta practica:

4. 2.- El siguiente paso fue establecer la conexión con la base
de datos con la ayuda del archivo
con_mysql_OscarAlba.php en el archivo alta_reparaciones

5. 3.- Guarde la consulta necesaria en la variable $sql y
mande a recuperar los valores almacenados en la base
de datos con la variable $stmt

6. 4.- Introduje el título de la pagina web, añadí un
icono y lo enlace con los archivos Css y JavaScript

7. 5.- Lo siguiente que hice fue crear distintos div’s con los
id’s correspondientes del archivo Css y agregue una
imagen alusiva en el div “caja 4”

8. 6.- Empecé a crear el formulario añadiendo un combo
box que recupere los vehículos ingresados en la tabla
catalogo y los muestre como opciones

9. 7.- Los siguientes datos son ingresados por medio
de texto y cuentan con sus respectivas id’s

10. 8.- En el campo categoría añadí un combo box con las
opciones delimitadas para el usuario y añadí un botón
de tipo submit para subir los datos

11. 9.- Finalmente agregue un link para ver a los registros
de refacciones de la base de datos y cerré la conexión
con la base de datos

12. Archivo
grabar_refacciones_Oscar_Alba.php

13. 10.- Vinculé el archivo con la base de datos y con la
ayuda del método $_POST recupere los datos
ingresados en las variables correspondientes

14. 11.- Creé y almacene la consulta que recuperará los
datos en base al id ingresado

15. 12.- Creé un if que inserta los datos recuperados del
formulario en la base de datos y los manda a imprimir,
de lo contrario manda un mensaje de error e imprime
los campos en blanco

16. 13.- En el HTML introduje el título de la página web,
agregué un icono y lo enlace al archivo Css

17. 14.- El siguiente paso fue crear distintos div’s con los id’s
correspondientes del archivo Css y agregue una imagen
alusiva en el div “caja 4”

18. 15.- En el fieldset se manda a imprimir el mensaje
correspondiente y se imprimen los datos almacenados
en las variables anteriormente creadas

19. 16.- Con un else if mando a imprimir los valores de la
variable categoría según la opción que el usuario haya
seleccionado

20. 17.- Finalmente, agregue dos links; uno para volver a
registrar otra refacción y otro para comprobar los
registros de la base de datos

21. Archivo css_tarea9.css

22. 18.- Configuraciones
del archivo css:

23. 19.- Configuraciones
del archivo css:

24. 20.- Configuraciones
del archivo css:

25. Archivo validaciones_tarea10.js

26. 21.- En este archivo primero declare las variables y
obtuve el valor de los campos del formulario por medio
de sus id’s

27. 22.- Valide los campos por medio de un else if tomando
en cuenta los combo box y valores numéricos

28. Práctica en funcionamiento

29. 23.- alta_refacciones:

30. 24.- grabar_refacciones:

31. 25.- Registro en la base de datos:

32. Link de la práctica:
http://oscaralbaproyectophp2023a.atspace.cc/paginas/alta_ref
acciones_Oscar_Alba.php