SlideShare una empresa de Scribd logo
1 de 23
Lista de selección
dinámica desde MySQL
hacia PHP (con PDO)
Licenciatura en Tecnologías de la Información
Programación Web
Estudiante: Oscar Andres Alba Padron
Código: 220779802
Fecha: 15/03/2023
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
3.- Escribí la consulta SQL dentro de la variable
$sql y los resultados de la misma en $stmt
4.- Introduje el titulo y la ruta de los archivos
ajax_tarea8.js y css_tarea8.css
5.- Añadí distintos divs para añadir distintas cajas con
texto, también empecé con la creación del formulario
añadiendo la función ValidarFormulario() en onsubmit
6.- Dentro del formulario cree el combo box con
nombre e id “Combomodelo”, mandando a llamar la
función pedirModelos() e imprimiendo el nombre de
los modelos de autos en las opciones del combo box
7.- El siguiente paso fue crear el combo box con
nombre e id “ComboRefacciones”
8.- Creé un botón tipo submit para validar el
formulario y cerré la conexión con la base de datos
9.- En el archivo obtener_modelos.php, primero
establecí la conexión con la base de datos y le otorgue
un valor a la opción ‘0’
10.- Almacene el valor recuperado con $_POST en la
variable $modelo_elegido, cree la consulta que
mostrara los modelos de los vehículos y ejecute la
consulta recuperando los valores de los registros en la
variable rows
11.- Se verifica que la variable $smtp no este vacía
12.- Cree el diseño de la pagina web con el
archivo cc_tarea8.css
13.- Creé la función crear_objeto_XHMLHttpRequest()
para instanciar objetos
14.- Creé la función pedirModelos() con la cual se
mostraran los modelos de los vehículos en base a su
número de serie
15.- Creé la función muestra resultado, la cual nos
permite ver las refacciones correspondientes al
modelo de vehículo seleccionado.
16.- Creé la función ValidarFormulario() para validar
que los campos de los combo box no estén vacíos
17.- Subí todos los archivos al hosting
18.- Subí todos los archivos al hosting
19.- Práctica en funcionamiento:
20.- Práctica en funcionamiento:
21.- Práctica en funcionamiento:
Link de la práctica:
http://oscaralbaproyectophp2023a.atspace.cc/paginas/lista_di
namica_Oscar_Alba.php

Más contenido relacionado

Similar a Lista de selección dinámica desde MySQL hacia PHP (con PDO)

Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
Carlos Guzmán
 
Ejercicio de automatizacion IntelliJ+reporte.docx
Ejercicio de automatizacion IntelliJ+reporte.docxEjercicio de automatizacion IntelliJ+reporte.docx
Ejercicio de automatizacion IntelliJ+reporte.docx
ssuser2e6b96
 

Similar a Lista de selección dinámica desde MySQL hacia PHP (con PDO) (20)

Creación de una base de datos en el hosting
Creación de una base de datos en el hostingCreación de una base de datos en el hosting
Creación de una base de datos en el hosting
 
Cuarta 1
Cuarta 1Cuarta 1
Cuarta 1
 
Cuarta 1
Cuarta 1Cuarta 1
Cuarta 1
 
php-mysql
php-mysqlphp-mysql
php-mysql
 
Presentacion ajax
Presentacion   ajaxPresentacion   ajax
Presentacion ajax
 
Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
 
Tema4[php]
Tema4[php]Tema4[php]
Tema4[php]
 
CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010
 
Funciones definidas por el usuario y variables superglobales
Funciones definidas por el usuario y variables superglobalesFunciones definidas por el usuario y variables superglobales
Funciones definidas por el usuario y variables superglobales
 
Ejercicio de automatizacion IntelliJ+reporte.docx
Ejercicio de automatizacion IntelliJ+reporte.docxEjercicio de automatizacion IntelliJ+reporte.docx
Ejercicio de automatizacion IntelliJ+reporte.docx
 
Taller programación web ajax con jquery
Taller programación web  ajax con jqueryTaller programación web  ajax con jquery
Taller programación web ajax con jquery
 
Jquery para principianes
Jquery para principianesJquery para principianes
Jquery para principianes
 
J M E R L I N P H P
J M E R L I N P H PJ M E R L I N P H P
J M E R L I N P H P
 
06 validación
06 validación06 validación
06 validación
 
Tarea_sesion8.pptx
Tarea_sesion8.pptxTarea_sesion8.pptx
Tarea_sesion8.pptx
 
PHP - MYSQL
PHP - MYSQLPHP - MYSQL
PHP - MYSQL
 
Tutorial bd y php
Tutorial bd y phpTutorial bd y php
Tutorial bd y php
 
Practica9 bases de datos
Practica9 bases de datosPractica9 bases de datos
Practica9 bases de datos
 
Practica9 bases de datos
Practica9 bases de datosPractica9 bases de datos
Practica9 bases de datos
 
Taller desarrollando sitios web multiplataforma
Taller desarrollando sitios web multiplataformaTaller desarrollando sitios web multiplataforma
Taller desarrollando sitios web multiplataforma
 

Más de OSCARANDRESALBAPADRO

Más de OSCARANDRESALBAPADRO (8)

Reporte Maestro - Detalle con el uso de AJAX
Reporte Maestro - Detalle con el uso de AJAXReporte Maestro - Detalle con el uso de AJAX
Reporte Maestro - Detalle con el uso de AJAX
 
Validación de usuarios y protección de páginas web mediante SESIONES
Validación de usuarios y protección de páginas web mediante SESIONESValidación de usuarios y protección de páginas web mediante SESIONES
Validación de usuarios y protección de páginas web mediante SESIONES
 
Actualizar registros de la base de datos de la tabla tipo Relacionada desde p...
Actualizar registros de la base de datos de la tabla tipo Relacionada desde p...Actualizar registros de la base de datos de la tabla tipo Relacionada desde p...
Actualizar registros de la base de datos de la tabla tipo Relacionada desde p...
 
Cálculo de cuadrados de cada número y comprobar si es Par o es Non
Cálculo de cuadrados de cada número y comprobar si es Par o es NonCálculo de cuadrados de cada número y comprobar si es Par o es Non
Cálculo de cuadrados de cada número y comprobar si es Par o es Non
 
Programacion de Codigos PHP
Programacion de Codigos PHPProgramacion de Codigos PHP
Programacion de Codigos PHP
 
Uso de comandos INSERT, UPDATE y DELETE en bases de datos de SQL Server
Uso de comandos INSERT, UPDATE y DELETE en bases de datos de SQL ServerUso de comandos INSERT, UPDATE y DELETE en bases de datos de SQL Server
Uso de comandos INSERT, UPDATE y DELETE en bases de datos de SQL Server
 
Creación índices y constraints en bases de datos de sql server
Creación índices y constraints en bases de datos de sql serverCreación índices y constraints en bases de datos de sql server
Creación índices y constraints en bases de datos de sql server
 
Creación de una base de datos en sql server
Creación de una base de datos en sql serverCreación de una base de datos en sql server
Creación de una base de datos en sql server
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (15)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 

Lista de selección dinámica desde MySQL hacia PHP (con PDO)

  • 1. Lista de selección dinámica desde MySQL hacia PHP (con PDO) Licenciatura en Tecnologías de la Información Programación Web Estudiante: Oscar Andres Alba Padron Código: 220779802 Fecha: 15/03/2023
  • 2. 1.- Lo primero que hice fue crear los archivos necesarios para la realización de esta practica:
  • 3. 2.- El siguiente paso fue establecer la conexión con la base de datos con la ayuda del archivo con_mysql_OscarAlba.php
  • 4. 3.- Escribí la consulta SQL dentro de la variable $sql y los resultados de la misma en $stmt
  • 5. 4.- Introduje el titulo y la ruta de los archivos ajax_tarea8.js y css_tarea8.css
  • 6. 5.- Añadí distintos divs para añadir distintas cajas con texto, también empecé con la creación del formulario añadiendo la función ValidarFormulario() en onsubmit
  • 7. 6.- Dentro del formulario cree el combo box con nombre e id “Combomodelo”, mandando a llamar la función pedirModelos() e imprimiendo el nombre de los modelos de autos en las opciones del combo box
  • 8. 7.- El siguiente paso fue crear el combo box con nombre e id “ComboRefacciones”
  • 9. 8.- Creé un botón tipo submit para validar el formulario y cerré la conexión con la base de datos
  • 10. 9.- En el archivo obtener_modelos.php, primero establecí la conexión con la base de datos y le otorgue un valor a la opción ‘0’
  • 11. 10.- Almacene el valor recuperado con $_POST en la variable $modelo_elegido, cree la consulta que mostrara los modelos de los vehículos y ejecute la consulta recuperando los valores de los registros en la variable rows
  • 12. 11.- Se verifica que la variable $smtp no este vacía
  • 13. 12.- Cree el diseño de la pagina web con el archivo cc_tarea8.css
  • 14. 13.- Creé la función crear_objeto_XHMLHttpRequest() para instanciar objetos
  • 15. 14.- Creé la función pedirModelos() con la cual se mostraran los modelos de los vehículos en base a su número de serie
  • 16. 15.- Creé la función muestra resultado, la cual nos permite ver las refacciones correspondientes al modelo de vehículo seleccionado.
  • 17. 16.- Creé la función ValidarFormulario() para validar que los campos de los combo box no estén vacíos
  • 18. 17.- Subí todos los archivos al hosting
  • 19. 18.- Subí todos los archivos al hosting
  • 20. 19.- Práctica en funcionamiento:
  • 21. 20.- Práctica en funcionamiento:
  • 22. 21.- Práctica en funcionamiento:
  • 23. Link de la práctica: http://oscaralbaproyectophp2023a.atspace.cc/paginas/lista_di namica_Oscar_Alba.php