SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
PROGRAMACIO
N WEB
ACTUALIZAR REGISTROS DE LA BASE DE DATOS DESDE PÁGINA WEB DINÁMICA
¿En que consiste esta actividad?
 Claramente debemos contar una BD en un hosting, y será necesario crear 3
archivos .PHP o paginas web para poder manipular (actualizar los datos) de una
BD.
 Pagina1: crear una pagina web que tenga un script que se conecte a la BD y
crear una tabla con HTML dinámica que recupere todos los datos de todos los
campos de la tabla que vamos a editar sus datos.
 Pagina 2: crear otra pagina web que recupere y muestre en un formulario web el
registro el cual queremos seleccionar, y todos sus objetos del formulario deben
estar validado con javascript.
 Pagina 3: crear otra pagina web que actualice la información editada del registro
mostrado en el formulario de la página 2.
Pagina 1: reporte_cines_para_editar.php
Nos conectamos a la BD, generamos
la consulta SQL para obtener los
datos de la BD, ejecutamos la
consulta y asignamos los
valores a variables
CSS para el acomodo de la página web, como de las divs
y las imágenes que podamos insertar.
Ponemos el encabezado de lo que queremos que salga
en la tabla HTML que vamos a crear, en este caso son los
nombres de los campos de la tabla de la BD
Imprimimos en la pagina un renglón
por cada registro que se obtuvo de la
BD, se toman los nombres de los campos
que tenemos en la consulta, claramente
lo que pongamos deben estar escritos
Igual que como están en la BD.
Agregamos una celda con un link de otra pagina
que nos permite agregar nuevos cines y cerramos la
Conexión de la BD.
Pagina 2: editar_cine
Hacemos la conexión a la BD,
Escribimos la consulta para recuperar
valores de una tabla ajena a la que vamos a
editar, ya que se necesita un campo, lo cual nos
Dice que esa tablas están relacionadas
Escribimos la consulta para recuperar el
UNICO REGISTRO de MySql que vamos a
editar y ejecutamos
la conexión.
Creamos un script de Java en el cual creamos
una función
para poder llevar a cabo la validación del
formulario.
Para esto primero debemos recuperar lo que se
eligió o
selecciono dependiendo de si es caja de texto,
caja de selección, radio button etc.
Aquí podemos ver ahora si lo que es la validación
de cada objeto del formulario, como se observa nos
damos cuenta que estamos utilizando las variables
que creamos cuando recuperamos lo que se escribió
o selecciono.
Creamos las cajas de
texto, o selección con
HTML, y las rellenamos
con lo que pedimos en la
consulta, que
son el id_cine etc.
Y cerramos la conexión
Pagina 3: actualizar_cine.php
Nos conectamos a la BD, y recuperamos los valores de las cajas de texto y selección del formulario
de la pagina anterior, escribimos la consulta SQL para actualizar los datos en la tabla , ejecutamos esa
Consulta, y creamos una consulta para poder mostrar datos que las personas entiendan y no ID
que solo nosotros entendemos, por ejemplo mostrar el nombre del municipio y no su numer.
Mostramos en pantalla los datos que se actualiza
Mediante etiqueta de html y echos de php .
Cerramos la conexión hacia la BD
Fotos de las paginas haciendo su trabajo

Más contenido relacionado

La actualidad más candente

Pasos Para Conectar Una Base Datos Con Visual B A S I C
Pasos Para Conectar Una Base Datos Con Visual  B A S I CPasos Para Conectar Una Base Datos Con Visual  B A S I C
Pasos Para Conectar Una Base Datos Con Visual B A S I Cguest69ff84
 
Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0
Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0
Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0thaylerwoolft
 
Visual basic 2010 data por codigo
Visual basic 2010 data por codigoVisual basic 2010 data por codigo
Visual basic 2010 data por codigojuan fernandez
 
Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005Ricardo Viqueira
 
Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12guest035fce1
 
COMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPPCOMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPPdisenarUniminuto
 
Ejercicio access+visualb
Ejercicio access+visualbEjercicio access+visualb
Ejercicio access+visualbvalen
 
Creancdo Proyecto Y Formularios
Creancdo Proyecto Y FormulariosCreancdo Proyecto Y Formularios
Creancdo Proyecto Y Formulariosjameszx
 
Creación de Bases de Datos en SQL Server
Creación de Bases de Datos en SQL ServerCreación de Bases de Datos en SQL Server
Creación de Bases de Datos en SQL ServerZeleneMorita
 
MANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DML
MANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DMLMANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DML
MANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DMLLEONELDAMIANMARISCAL
 
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 serverDIANAEVELINSOLISGONZ
 
TUTORIAL DE ADO.NET MUY BUENO
TUTORIAL DE ADO.NET MUY BUENOTUTORIAL DE ADO.NET MUY BUENO
TUTORIAL DE ADO.NET MUY BUENOiberhack
 
Presentacion visual basic
Presentacion visual basicPresentacion visual basic
Presentacion visual basicrivas321
 
Conexion con visual basic 6.0
Conexion con visual basic 6.0Conexion con visual basic 6.0
Conexion con visual basic 6.0josecoronel38
 
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 ServerLUISFERNANDONUNEZMOR
 
pasos para crear una mini agenda en visual basic 6.0
pasos para crear una mini agenda en visual basic 6.0 pasos para crear una mini agenda en visual basic 6.0
pasos para crear una mini agenda en visual basic 6.0 yoselinpascua
 

La actualidad más candente (18)

Pasos Para Conectar Una Base Datos Con Visual B A S I C
Pasos Para Conectar Una Base Datos Con Visual  B A S I CPasos Para Conectar Una Base Datos Con Visual  B A S I C
Pasos Para Conectar Una Base Datos Con Visual B A S I C
 
Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0
Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0
Pasos Para Conectar Una Base De Datos De Access 2007 Con Vb 6.0
 
Basededatos
BasededatosBasededatos
Basededatos
 
Visual basic 2010 data por codigo
Visual basic 2010 data por codigoVisual basic 2010 data por codigo
Visual basic 2010 data por codigo
 
BD BV
BD BVBD BV
BD BV
 
Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005
 
Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12
 
COMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPPCOMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPP
 
Ejercicio access+visualb
Ejercicio access+visualbEjercicio access+visualb
Ejercicio access+visualb
 
Creancdo Proyecto Y Formularios
Creancdo Proyecto Y FormulariosCreancdo Proyecto Y Formularios
Creancdo Proyecto Y Formularios
 
Creación de Bases de Datos en SQL Server
Creación de Bases de Datos en SQL ServerCreación de Bases de Datos en SQL Server
Creación de Bases de Datos en SQL Server
 
MANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DML
MANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DMLMANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DML
MANIPULACION DE INFORMACION CON EL USO DE LOS COMANDOS DML
 
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
 
TUTORIAL DE ADO.NET MUY BUENO
TUTORIAL DE ADO.NET MUY BUENOTUTORIAL DE ADO.NET MUY BUENO
TUTORIAL DE ADO.NET MUY BUENO
 
Presentacion visual basic
Presentacion visual basicPresentacion visual basic
Presentacion visual basic
 
Conexion con visual basic 6.0
Conexion con visual basic 6.0Conexion con visual basic 6.0
Conexion con visual basic 6.0
 
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
 
pasos para crear una mini agenda en visual basic 6.0
pasos para crear una mini agenda en visual basic 6.0 pasos para crear una mini agenda en visual basic 6.0
pasos para crear una mini agenda en visual basic 6.0
 

Similar a Actualizar registros de la base desde pagina web

Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...
Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...
Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...ANTONIOCHAVARINROSAL
 
Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0EudoroSulbaran
 
Conexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraConexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraMariaphlb
 
PBI - Semana 4.pptx
PBI - Semana 4.pptxPBI - Semana 4.pptx
PBI - Semana 4.pptxssuser387d7a
 
Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datosRafael Quintero
 
Cliente servidor tron_27oct
Cliente servidor tron_27octCliente servidor tron_27oct
Cliente servidor tron_27octdcanales2010
 
Cliente servidor tron
Cliente servidor tronCliente servidor tron
Cliente servidor trontallarinxD
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monettiangelinamonetti1
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basicsantiagomario8
 
Bases de datos visual basic
Bases de datos visual basicBases de datos visual basic
Bases de datos visual basicAlejandro Ferrer
 
001 conexion-con-bd
001 conexion-con-bd001 conexion-con-bd
001 conexion-con-bdTashi Quito
 
Conexion mysql con java usando netbeans
Conexion mysql con java usando netbeansConexion mysql con java usando netbeans
Conexion mysql con java usando netbeansEmerson Garay
 
Como conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql serverComo conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql serverKarolaynCardozo1
 
Linq to sql 7
Linq to sql 7Linq to sql 7
Linq to sql 7jcfarit
 

Similar a Actualizar registros de la base desde pagina web (20)

Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...
Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...
Practica web de la sesion 12 ACTUALIZAR registros de la base de datos desde p...
 
Practica web de la sesión 8
Practica web de la sesión 8Practica web de la sesión 8
Practica web de la sesión 8
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0
 
Base de datos
Base de datosBase de datos
Base de datos
 
Conexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraConexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María Parra
 
PBI - Semana 4.pptx
PBI - Semana 4.pptxPBI - Semana 4.pptx
PBI - Semana 4.pptx
 
Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datos
 
Cliente servidor tron_27oct
Cliente servidor tron_27octCliente servidor tron_27oct
Cliente servidor tron_27oct
 
Cliente servidor tron
Cliente servidor tronCliente servidor tron
Cliente servidor tron
 
Portada
PortadaPortada
Portada
 
Manual my sql
Manual my sqlManual my sql
Manual my sql
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basic
 
Bases de datos visual basic
Bases de datos visual basicBases de datos visual basic
Bases de datos visual basic
 
001 conexion-con-bd
001 conexion-con-bd001 conexion-con-bd
001 conexion-con-bd
 
Conexion mysql con java usando netbeans
Conexion mysql con java usando netbeansConexion mysql con java usando netbeans
Conexion mysql con java usando netbeans
 
Como conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql serverComo conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql server
 
Linq to sql 7
Linq to sql 7Linq to sql 7
Linq to sql 7
 

Último

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 FabricKeyla Dolores Méndez
 
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.pdfJulian Lamprea
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
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 JUNITMaricarmen Sánchez Ruiz
 
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 UninoveFagnerLisboa3
 
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.pptxLolaBunny11
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
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íassuserf18419
 
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 JosephBRAYANJOSEPHPEREZGOM
 

Último (10)

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
 
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
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
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
 
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
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
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
 
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
 

Actualizar registros de la base desde pagina web

  • 1. PROGRAMACIO N WEB ACTUALIZAR REGISTROS DE LA BASE DE DATOS DESDE PÁGINA WEB DINÁMICA
  • 2. ¿En que consiste esta actividad?  Claramente debemos contar una BD en un hosting, y será necesario crear 3 archivos .PHP o paginas web para poder manipular (actualizar los datos) de una BD.  Pagina1: crear una pagina web que tenga un script que se conecte a la BD y crear una tabla con HTML dinámica que recupere todos los datos de todos los campos de la tabla que vamos a editar sus datos.  Pagina 2: crear otra pagina web que recupere y muestre en un formulario web el registro el cual queremos seleccionar, y todos sus objetos del formulario deben estar validado con javascript.  Pagina 3: crear otra pagina web que actualice la información editada del registro mostrado en el formulario de la página 2.
  • 3. Pagina 1: reporte_cines_para_editar.php Nos conectamos a la BD, generamos la consulta SQL para obtener los datos de la BD, ejecutamos la consulta y asignamos los valores a variables CSS para el acomodo de la página web, como de las divs y las imágenes que podamos insertar.
  • 4. Ponemos el encabezado de lo que queremos que salga en la tabla HTML que vamos a crear, en este caso son los nombres de los campos de la tabla de la BD Imprimimos en la pagina un renglón por cada registro que se obtuvo de la BD, se toman los nombres de los campos que tenemos en la consulta, claramente lo que pongamos deben estar escritos Igual que como están en la BD.
  • 5. Agregamos una celda con un link de otra pagina que nos permite agregar nuevos cines y cerramos la Conexión de la BD.
  • 6. Pagina 2: editar_cine Hacemos la conexión a la BD, Escribimos la consulta para recuperar valores de una tabla ajena a la que vamos a editar, ya que se necesita un campo, lo cual nos Dice que esa tablas están relacionadas Escribimos la consulta para recuperar el UNICO REGISTRO de MySql que vamos a editar y ejecutamos la conexión.
  • 7. Creamos un script de Java en el cual creamos una función para poder llevar a cabo la validación del formulario. Para esto primero debemos recuperar lo que se eligió o selecciono dependiendo de si es caja de texto, caja de selección, radio button etc. Aquí podemos ver ahora si lo que es la validación de cada objeto del formulario, como se observa nos damos cuenta que estamos utilizando las variables que creamos cuando recuperamos lo que se escribió o selecciono.
  • 8. Creamos las cajas de texto, o selección con HTML, y las rellenamos con lo que pedimos en la consulta, que son el id_cine etc. Y cerramos la conexión
  • 9. Pagina 3: actualizar_cine.php Nos conectamos a la BD, y recuperamos los valores de las cajas de texto y selección del formulario de la pagina anterior, escribimos la consulta SQL para actualizar los datos en la tabla , ejecutamos esa Consulta, y creamos una consulta para poder mostrar datos que las personas entiendan y no ID que solo nosotros entendemos, por ejemplo mostrar el nombre del municipio y no su numer.
  • 10. Mostramos en pantalla los datos que se actualiza Mediante etiqueta de html y echos de php . Cerramos la conexión hacia la BD
  • 11. Fotos de las paginas haciendo su trabajo