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

Archivo
alta_refacciones_Oscar_Alba.php

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

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

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

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

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”

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

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

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

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

Archivo
grabar_refacciones_Oscar_Alba.php

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

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

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

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

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”

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

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

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

Archivo css_tarea9.css

18.- Configuraciones
del archivo css:

19.- Configuraciones
del archivo css:

20.- Configuraciones
del archivo css:

Archivo validaciones_tarea10.js

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

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

Práctica en funcionamiento

23.- alta_refacciones:

24.- grabar_refacciones:

25.- Registro en la base de datos:

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