You are on page 1of 17

TUTORIAL DE CREACIN DE SCRIPTS PARA ACTUALIZACIN, CONSULTA Y ELIMINACIN DE DATOS CON PHP Y MYSQL.

Juan Carlos Oliveros Especializacin Ingenira de Software Universidad de Los Andes

Herramientas a utilizar: Para todos los ejercicios que se expondrn en el presente tutorial, se utilizarn las siguientes herramientas: Adobe Dreamweaver CS5 o Macromedia Dreamweaver 8 Un navegador de internet (Internet Explorer se est usando en estos ejercicios) Un servidor compatible con PHP y MySQL (Wamp Server, Easy PHP, Xampp) Una base de datos con informacin.

Actualizacin de datos Una de las tareas ms importantes en las bases de datos y en todas las aplicaciones que contengan datos, es la actualizacin o modificacin de los datos, para ello, existe una instruccin en SQL que permite realizar esta tarea. Para los ejercicios aqu expuestos, se trabajar con una base de datos previamente creada, la cual ya contiene informacin. En este ejercicio se trabajar con una base de datos llamada anubis en la tabla tblfaculties que ya tiene informacin y podemos actualizar, consultar y eliminar.

Teniendo la base de datos, debe haber un sitio creado en el servidor web que se tenga instalado, en nuestro caso, ser el WampServer donde en el interior de la carpeta del sitio, habr una carpeta llamada Includes que contiene los archivos que permiten la conexin a la base de datos.

Archivos de Conexin Para recordar, estas son las instrucciones del archivo config.php:

Y el archivo Funciones.php tiene la siguiente informacin:

Para actualizar, se debe crear un formulario que solicite al usuario qu registro desea actualizar; hay varias formas de hacer que el usuario seleccione un registro, una de ellas es mediante un formulario. Y la otra mediante una grilla de datos. Seleccionar registro mediante formulario: Se puede disear un formulario que contenga una lista desplegable con datos de los registros que el usuario puede seleccionar; es importante hacer el llamado del registro mediante su llave principal ya que es nica.

Se crea un nuevo archivo PHP en Dreamweaver

Nuevo Archivo PHP

Una vez seleccionado el tipo, presiona el botn crear

Una vez creado el archivo, se procede a insertar las hojas de estilo, si las estn usando, y a definir las normas de presentacin que tenga su sitio web.

Luego, se inserta el formulario con el Men/Insertar/Formulario. Y dentro de ese cuadrado rojo, se comienza a disear el formulario de acuerdo a las normas de estilo que haya definido en la hoja de estilos. Se inserta un Select (men Insertar/Formulario/Seleccionar(Lista Men))

Una vez hecho esto, se procede a insertar un botn; en este ejemplo, se inserta un campo de imagen pero la imagen debe estar previamente diseada. El cdigo quedara de esta manera:

Lo que hace que el formulario quede de esta manera:

Si no tiene botones o imgenes que sean botones, pueden insertar un botn normal en el formulario. Este botn lo que hace es enviar la informacin para cargar los datos del registro que el usuario haya seleccionado.

La lista desplegable debe llenarse y eso se debe hacer con los datos que hay en la base de datos, para ello debemos insertar un cdigo de PHP en la etiqueta select del formulario. Debe hacerse entre <select> y </select>

Conecta a la base de datos

Llama a los archivos de conexin

Instruccin que trae los datos

Libera la variable $rs

El while llena la lista desplegable

Es importante anotar que al llamar a los archivos de conexin con Include, se debe colocar la carpeta y el nombre del archivo tal cual como lo defini al crearlos; con maysculas y minsculas; si hay algn cambio, o si no lo escribe tal cual como se cre, se genera un error y no ejecuta correctamente. El formulario queda as:

Como se puede ver, la lista est llena, los datos fueron trados de la base de datos y permite seleccionar uno para ser actualizado.

Una vez se ha terminado de crear el formulario, se debe guardar en el sitio que se creo para quye en este caso se llama Tutorial1; el archivo para este ejemplo, se llamar UpdateFaculties.

Ahora, se procede a crear el archivo que carga los datos que el usuario seleccion en el formulario que se acab de crear; este archivo debe tener un formulario que contenga los datos del registro seleccionado y que permita realizar cambios en l; es importante que al cargar el formulario con los datos, el campo de id est en solo lectura u oculto para asegurarse que el usuario no cambie el id porque en caso de hacerse, la actualizacin del registro seleccionado no se realizar. Al disear el formulario, se debe mirar la estructura de la tabla donde estn los datos que se desean actualizar para poder insertar los campos correspondientes.

En este caso hay 10 campos los cuales debemos organizar en el formulario para que se vean adecuadamente y se consuma la menor cantidad de espacio posible. En este ejemplo se dise el formulario con una tabla ya que esto facilita la organizacin de los campos y sus etiquetas. Quedara con esta apariencia aplicando las normas de estilo definidas para el sitio:

Campo oculto para el Id del registro

Para insertar un campo oculto, se debe usar el men Insertar/Formulario/Campo oculto; si lo prefiere con cdigo debe usar la etiqueta <input type=hidden>

Etiqueta para campo oculto

Ahora se procede a insertar el cdigo que permite cargar los datos en los campos del formulario. Esto se har en la parte superior del cdigo del formulario:

Se llama el dato que se seleccion en el formulario anterior

Se asignan los datos a variables para poder asignarlos luego a los campos del formulario

En la lnea 4, se llama al dato que seleccion el usuario en el otro formulario, se asigna a la variable $id; el valor se trae del select de ese formulario, y el nombre que se debe escribir que en este caso es cboFaculties de ser exactamente igual a como defini el nombre del control que est llamando del otro formulario. En las lneas 9 a 18, se estn asignando a variables los campos de la tabla, estos deben ser escritos tal cual como se definieron en la tabla en MySQL. Ahora se procede a llenar cada campo del formulario usando la instruccin correspondiente en la etiqueta value de cada campo. Cdigo que se debe colocar en cada campo del formulario con su variable correspondiente.

El formulario debe quedar con todos los campos llenos cosa que cuando se cargue debe mostrar la informacin del registro seleccionado. Esta sera la apariencia del formulario en vista diseo:

Se guarda en el sitio y se le da un nombre que insine qu har el formulario.

Ahora se crea el archivo que har la operacin de actualizacin. En este caso, se hace solamente cdigo aunque se define tambin el estilo para la pgina de acuerdo a las normas que se definieron para el sitio. Se escribe el siguiente cdigo entre <body y </body>

Datos llamados del formulario de actualizacin

Instruccin SQL para actualizar

Muestra el resultado

Se guarda el archivo y procederemos a enlazar estos archivos. Tengamos en cuenta que el primer archivo que es el que se encarga de permitir que el usuario seleccione el registro que desea actualizar se llama UpdateFaculties.php, el segundo, que es el que trae los datos del registro para que el usuario los modifique, se llama UpdFacultie.php y el ltimo que es el que realiza la operacin, se llama UpdateFacultie.php Estos archivos se enlazarn de la siguiente manera:

En el primer formulario que es el UpdateFaculties.php en la etiqueta formulario buscamos el atributo action y escribimos el nombre del segundo archivo que es que muestra la informacin del registro que queremos modificar:

Se escribe el nombre del archivo que tiene la informacin

En este segundo archivo se hace lo mismo pero llamando al archivo que hace la operacin es decir, UpdateFacultie.php

Se llama al tercer archivo

Por ltimo en el formulario insertado en el tercer archivo, se hace lo mismo pero se llama al primer archivo para darle al usuario la oportunidad de seleccionar otro registro. Se regresa al primer archivo para seleccionar otro registro

Ahora veamos los formularios operando: Se debe abrir siempre el primer archivo para que se permita al usuario seleccionar el registro que desea modificar; en este ejemplo seleccionaremos Sistemas y Computacin

Una vez se ha seleccionado, damos click en el botn para que muestre los datos del registro que se seleccion previamente.

Vamos a cambiar el nombre de la carrera y el ttulo y guardaremos.

Se presiona el botn para que los datos sean guardados; si los registros estn correctos, se mostrar un mensaje que diga que se han guardado los datos, de lo contrario se mostrar un mensaje de error.

Eso es todo para la actualizacin de datos. Eliminacin de datos: Es una tarea mucho ms fcil ya que slo requiere de un formulario que permita al usuario seleccionar el registro que desea eliminar y otro archivo que realiza la operacin y muestra el resultado. Este tambin se puede realizar mediante una grilla de datos; por el momento, se har con el formulario. Se crea un formulario igual al que se cre en el de actualizar

Una vez creado, se crea el archivo donde ir el cdigo que realiza la operacin de eliminar, esta debe llamar el valor del select que tiene el formulario de seleccin y tambin las instrucciones para eliminar el registro y su resultado. El cdigo debe ser algo similar a esto:

Instruccin de eliminacin

Resultado

Es importante saber que lo que se haga con estas instrucciones en la base de datos, no se puede deshacer.

Se vinculan ambos archivos de la siguiente manera: El formulario llamar al que hace la operacin y viceversa.

Se llama al que realiza la operacin

Ahora miraremos el script operando Seleccionamos una facultad que en este caso ser Secretariado Ejecutivo Sistematizado

Al presionar el botn se mostrar el resultado:

Eso es todo, ms adelante se les facilitar la tarea de actualizar y eliminar usando una grilla de datos.