Consultar, insertar y modificar registros de una base de datos

de MySQL con PHP sin programar nada

27 de marzo de 2010 | Autor: admin

En otro manual les expliqu cmo realizar manejo se sesiones con PHP y MySQL sin programar nada
con Dreamweaver. Esta vez les voy a explicar cmo realizar consultas a bases de datos, ingreso de
registros a bases de datos y modificacin de estos registros sin programar nada usando Dreamweaver.
En este caso usar una vez ms la versin 8 de Dreamweaver (cuando todava era de Macromedia),
sin embargo, ya hice la misma prctica con la versin de Adobe CS3 y es exactamente igual.

Vamos a copiar algunos parmetros del otro manual que hice ya que el comienzo es exactamente
igual.

Las herramientas que vamos a utilizar son:

Wamp Server

Dreamweaver 8.0 o superior

Mozilla Firefox o Internet Explorer o cualquier otro navegador

Una vez que tengamos instalado nuestro servidor web, en este caso Wamp Server vamos a proceder a
explicar este tutorial.

Primero vamos a crear una base de datos en MySQL usando phpmyadmin que viene con el WAMP
Server. La base de datos para este tutorial se llamar tienda y contendr una tabla llamada Libros
(sin comillas). Esta tabla contiene 5 campos:

Vamos a ingresar 3 libros para tener datos en la base:

Ahora vamos a realizar la pgina web. Primero creamos una carpeta en el directorio de nuestro
servidor web. Es este caso el servidor web es WAMP, por lo tanto voy a crear un directorio llamado
TiendaPrctica en la ruta C:wampwww
Esa ruta vara segn el servidor que usemos. As por ejemplo si el servidor es XAMPP, la ruta sera
C:xampphtdocs

Una vez realizado eso nos vamos a Dreamweaver, y antes de abrir algn tipo de documento nos
vamos a Sitio -> Nuevo sitio. Vamos a la opcin Avanzadas y en la opcin Datos locales llenamos
los campos como muestra la figura:

Clic en la imagen para ampliar

Luego en la opcin de Servidor de pruebas ponemos los siguientes datos:

Clic en la imagen para ampliar

No estoy dando muchas explicaciones de los campos debido a que ya lo hice en el otro tutorial. Sin
embargo, en este ltimo paso solo vale acotar que deberan cambiar (de ser necesario) el Prefijo de
URL, yo uso el url http://localhost:8081/TiendaPractica con el puerto 8082, debido a que le configur
al Apache para salir por ese puerto, ya que el puerto por defecto (el 80) lo usa el IIS. As que ese
campo deben cambiar de ser necesario.

No olviden realizar estos pasos previos, si no no funcionar la conexin a la base de datos.

Luego nos vamos al men Archivo -> Nuevo y seleccionamos un archivo de tipo PHP. Vamos a guardar
el archivo como index.php en la ruta que creamos anteriormente C:wampwwwTiendaPractica
Ahora vamos a enlazar la base de datos que creamos a Dreamweaver. Nos vamos al men Ventana ->
Bases de datos. Se abre un panel lateral a la derecha. Ah damos clic en el smbolo + y damos clic en
Conexin MySQL. Se abre un cuadro de dilogo y lo llenamos con los siguientes datos:

Clic en la imagen para ampliar

En el campo nombre de la conexin va cualquier nombre. En el panel de la derecha aparece la

conexin a la base de datos especificada.

Ahora nos vamos al men Ventana -> Vinculaciones. Se aparece un panel en la parte derecha, se da
clic en el smbolo +, y seleccionar Juegos de registro (consulta) . Ah llenar los datos de la siguiente
manera:

Clic en la imagen para ampliar

Ya tenemos la conexin a la base de datos. Ahora vamos a visualizar los datos en la pgina web.
Vamos al men Insertar -> Objetos de aplicacin -> Datos dinmicos -> Tabla dinmica. Llenamos el
cuadro que aparece de la siguiente manera:

Clic en la imagen para ampliar

Esto se ha creado automticamente en Dreamweaver:

 Clic en la imagen para ampliar

Ah podemos modificar los encabezados de las columnas y presionamos F12 para visualizar una vista
previa de la pgina en el explorador:

Visualizacin de los datos. Clic en la imagen para ampliar

Hasta el momento hemos cargado los datos de una base de datos sin programar absolutamente nada.
Todo lo ha hecho Dreamweaver. Por cierto, arriba especificamos que nos muestre solo 10 registros
cada vez, en caso de haber ms registros se crearn enlaces de navegacin para mostrar los
siguientes registros.

Ingresar registros

Ahora vamos a ingresar registros a la base de datos. Vamos a usar el mismo archivo.

Primero vamos a crear una pgina web PHP llamada ingreso_exitoso.php Usaremos esa pgina para
decirle al usuario que el dato que ingres en la base se insert correctamente. Esa pgina solo tendr
un mensaje y un enlace, el enlace ser hacia la pgina index.php como se muestra en la figura:

Clic en la imagen para ampliar

Ahora nos vamos al archivo index.php y ubicamos el cursor despus de la tabla creada por
Dreamweaver, Luego nos vamos al men Insertar -> Objetos de aplicacin -> Insertar registro ->
Asistente de formulario de insercin de registros. All llenamos el cuadro de dilogo con las siguientes
opciones:

Clic en la imagen para ampliar

Automticamente Dreamweaver agrega un formulario para poder ingresar registros a la base de

datos:

Clic en la imagen para ampliar

Ahora presionamos F12 para probar el ingreso de datos.

En esta versin de Dreamweaver no se inserta el men de navegacin de registros automticamente.

Para hacer eso nos ubicamos debajo de la tabla que contiene los datos y vamos al men Insertar ->
Objetos de aplicacin -> Paginacin de juegos de registros -> Barra de navegacin de juego de
registros. En el cuadro que se aparece llenamos de la siguiente manera:

Clic en la imagen para ampliar

En la pgina web nos queda as:

 Clic en la imagen para ampliar

Ahora tenemos un formulario que nos permite ingresar datos a la base de datos de MySQL con PHP y
no hemos ingresado una sola lnea de cdigo.

Modificar un registro

Para modificar un registro vamos a usar un poco de cdigo PHP adicional. Primero debemos agregar lo
siguiente en el archivo index.php En la tabla de los datos vamos a ingresar dos columnas al final de
forma que tengamos lo siguiente:

Clic en la imagen para ampliar

Una vez hecho eso vamos a crear una pgina web nueva que se llame modificar.php y creamos una
pagina php que se llame modificar_exitoso.php. Es sta ltima pgina insertamos un mensaje que
diga El dato ha sido actualizado correctamente y debe tener un enlace a la pgina index.php tal cual
como se hizo con ingreso_exitoso.php.

Ahora regresamos a la pgina modificar.php y debemos crear una vinculacin de juegos de

registros (la conexin a la base de datos se crea una sola vez para todo el sitio web, sin
embargo, las vinculaciones se deben crear en cada nueva pgina web del sitio). Para ello nos
vamos a Ventana -> Vinculaciones. En el smbolo + damos clic en Juego de Registros (consulta).
Ponemos un nombre a la consulta y seguimos los pasos anteriores para hacer una vinculacin.

Hecho eso vamos al men Insertar -> Objetos de aplicacin -> Actualizar registro -> Asistente de
formulario de actualizacin de registro y llenamos el cuadro de dilogo con la siguiente informacin
(en mi caso le puse de nombre a la vinculacin modificar_consulta):
 Clic en la imagen para ampliar

Al dar clic en Aceptar se crear automticamente un formulario como el siguiente:

Ahora vamos a buscar el siguiente cdigo en la pgina

web que hizo Dreamweaver:

Clic en la imagen para ampliar

Ah vamos a insertar la siguiente lnea despus de mysql_select_db($database_conexion_libros,

$conexion_libros);:

$valor = $_GET['IdLibro'];

Y la lnea que dice $query_modificar_consulta = SELECT * FROM libros; la modificamos de la

siguiente manera:

$query_modificar_consulta = SELECT * FROM libros where IdLibro=$valor;

Nos queda algo as:

 Clic en la imagen para ampliar

Como vemos lo nico que hacemos es usar el mtodo GET para obtener el ID del libro y cargamos los
datos completos que se refieren a ese libro. Ahora nos vamos a index.php y seleccionamos la palabra
Modificar y le hacemos un vnculo al siguiente enlace:

modificar.php?IdLibro=<?php echo $row_consulta_libros['IdLibro']; ?>

Nos queda de la siguiente manera:

Clic en la imagen para ampliar

Presionamos F12 para probar.

Eliminar un registro

Primero creamos una pgina web llamada borrado_exitoso.php all escribimos un mensaje que diga El
dato ha sido borrado correctamente y ponemos un link a la pgina index.php.

Una vez hecho eso creamos un archivo llamado borrar.php y nos vamos al men Insertar -> Objetos
de aplicacin -> Eliminar registro y llenamos el cuadro de dilogo con la siguiente informacin:

Clic en la imagen para ampliar

Hecho eso regresamos al archivo index.php y seleccionamos la palabra Borrar y le hacemos un link al
siguiente enlace:
 borrar.php?IdLibro=<?php echo $row_consulta_libros['IdLibro']; ?>

Hecho eso presionamos F12 para probar la pgina web.

Listo!! Hemos creado una pgina web que permite interactuar con una base de datos de MySQL
usando PHP sin programa casi nada. Todo lo hizo Dreamweaver.

Detalle de registros

Ahora les voy a ensear una ltima opcin que tiene Dreamweaver. Consiste en mostrar, para este
caso, el Id del libro y el nombre. Al dar clic sobre el nombre nos mostrar toda la informacin del libro
obtenida de la base de datos, y al igual que antes, sin programar absolutamente nada.

En el archivo index.php debajo y fuera del formulario de ingreso creamos un link a una pgina llamada
libros.php (esto es solo para poder dirigirnos a la pgina que vamos a crear).

Hecho eso creamos una pgina llamada libros.php. En esa pgina creamos una nueva vinculacin a la
base de datos con el mtodo que ya explicamos antes. A esta vinculacin la llamaremos
libros_consulta.

Ahora creamos otra pgina web que se llamar detalles_libros.php.

Hecho eso volvemos a la pgina libros.php y nos vamos a Insertar -> Objetos de aplicacin -> Juego
de pginas Maestro/Detalle. Llenamos el cuadro de dilogo de la siguiente manera:

Clic en la imagen para ampliar

Ahora explicaremos cada campo:

Juego de registros: Es el nombre de la vinculacin.

Campos de pgina maestro: Son los campos que se visualizarn en la pgina maestro. En
este caso solo queremos ver el Id del libro y el nombre del autor. Para quitar registros lo
seleccionamos y damos clic en el smbolo menos.
 Vincular con detalle desde: Es el campo que contendr el enlace para ver el detalle del
registro.

Pasar clave exclusiva: Es la clave primaria de la tabla.

Mostrar: Es el nmero de registros que se podrn ver en la tabla maestro.

Nombre de pgina detalle: Direccin de la pgina web donde se mostrar los detalles del
registro.

Campos de la pgina Detalle: Son los campos que mostrar la pgina al dar clic en un
elemento.

Damos clic en Aceptar. Hecho eso guardamos la pgina libros.php y la pgina detalle_libros.php. Pues
ya te habrs dado cuenta que ambas pginas se modificaron.

Esto se crea en la pgina libros.php:

Clic en la imagen para ampliar

Y esto se crea en la pgina detalle_libros.php:

Clic en la imagen para ampliar

Ahora vamos a la pgina index.php y presionamos F12 para probar. Damos clic en el enlace a la
pgina libros.php y tenemos lo siguiente:
 Clic en la imagen para ampliar

Al dar clic en el nombre de un libro nos dar ms detalles sobre el mismo:

Detalle de registros

Bien este es el final del tutorial Espero que les sirva. No olviden dejar sus preguntas, comentarios o
sugerencias.