Post on 13-Jun-2015
description
Creación visual de aplicaciones con PHP y MySQL utilizando Adobe
Dreamweaver CS3
Ing. Magali Mejía PesántezDocente
Facultad de Diseño Gráfico y Comunicación VisualUNIVERSIDAD TECNOLÓGICA AMÉRICA
Cuenca-Ecuador
Desarrollar aplicaciones visuales básicas para ingresar,
listar, actualizar y eliminar registros con PHP y MySQL
utilizando Dreamweaver CS3 con creatividad
Reflexionar sobre las competencias del diseñador
en el trabajo interdisciplinario con un Ingeniero de Sistemas
o similar al desarrollar portales dinámicos
Fomentar el trabajo colaborativo al desarrollar un
portal web dinámico en equipo
Objetivos
Contenidos
Creación de páginas web dinámicas utilizando la
tecnología de servidor PHP con acceso a la base de datos
MySQL con Adobe Dreamweaver CS3
Creación de una página de inserción de registro
Definición
Creación de la página de inserción en una sola operación
Creación de páginas Maestro/detalle
Definición
Página maestra
Página detalle
Barra de navegación
Creación de páginas para actualizar un registro
Definición
Cómo completar la página de actualización en una operación
Creación de páginas para eliminar un registro
Definición
Creación de la página de borrado
Una aplicación puede incluir una página que permita a los usuarios insertar nuevos registros en una base de datos.Una página de inserción consta de dos elementos:
Un formulario HTML que permite a los usuarios introducir datos
Un comportamiento de servidor Insertar registro que actualiza la base de datosCuando un usuario hace clic en Enviar en un formulario, el comportamiento del servidor inserta registros en una tabla de base de datos.Puede añadir ambos elementos en una sola operación mediante el objeto de datos Formulario de inserción de registro, o por separado, con las herramientas de formulario de Dreamweaver y el panel Comportamientos del servidor.
Inserción de Registros
Crear un formulario de inserción de registro en un solo paso
1. Insertar > Objetos de datos > Insertar registro > Asistente de
formulario de inserción de registros
2. En el menú emergente Conexión, seleccione una conexión a la base de datos. Haga clic en Definir si necesita
definir una conexión.
3. En el menú emergente Insertar en la tabla, seleccione la tabla de la BD
donde desea insertar el registro
4. En el cuadro Tras insertar, ir a, introduzca la página que desea abrir después de insertar el registro en la tabla o haga clic en para localizar el
archivo.
5. En el área Campos de formulario, especifique los objetos de formulario indique la columna de la tabla de la
base de datos que debe ingresar
6. Especifique cómo debe mostrarse cada campo de introducción de datos en el formulario HTML haciendo clic en
una fila de la tabla Campos de formulario e introduciendo la siguiente
información en los cuadros situados bajo la tabla
7. Haga clic en Aceptar. Dreamweaver añade a la página un formulario HTML
y un comportamiento de servidor Insertar registro
Páginas maestra y detalleLas páginas maestra y detalle son juegos de
páginas que se utilizan para organizar y mostrar datos de juegos de registros.
Estas páginas ofrecen al visitante del sitio una introducción y una vista detallada. La página maestra enumera todos los
registros y contiene vínculos con páginas detalle que muestran información adicional sobre cada registro.
Creación de páginas maestra/detalle
1
•Archivo > Nuevo > Página en blanco, seleccione un tipo de página y haga clic en Crear. Esta página será la página maestra
2
•Defina un juego de registros
3
•Insertar >Objetos de datos > Juego de páginas maestro/detalle
4
•Especifique el número de registros que deben mostrarse en la página maestra
5
•En el cuadro Nombre de página detalle, haga clic en Examinar y localice el archivo de página detalle que ha creado o introduzca un nombre para que el objeto de datos la cree automáticamente
6
•En el área Campos de página Detalle, seleccione las columnas que deben visualizarse en la página detalle.
7
•Aceptar y Guardar Todo
Página maestra/detalle
Páginas de actualización de registrosUna aplicación puede incluir un juego de páginas que permita a los usuarios actualizar los registros existentes en una tabla de la base de datos. Las páginas están formadas normalmente por una página de búsqueda, una página de resultados y una página de actualización. La página de búsqueda y de resultados permite a los usuarios recuperar el registro, y la página de actualización permite a los usuarios modificarlo.
Creación de páginas para actualizar un registro
Las páginas de actualización constan de tres elementos:• Un juego de registros filtrado que permite recuperar el registro de una tabla de la base de datos.• Un formulario HTML que permite a los usuarios modificar los datos del registro.• Un comportamiento de servidor Actualizar registro que permite actualizar la tabla de la base de datos.Puede añadir los dos últimos elementos de una página de actualización en una sola operación mediante el objeto de datos Formulario de actualización de registros. El objeto de datos añade a la página un formulario HTML y un comportamiento de servidor Actualizar registro.Para utilizar el objeto de datos, la aplicación Web debe ser capaz de identificar el registro que desea actualizar, y la página de actualización debe poder recuperarlo.Cuando el objeto de datos sitúe los elementos en la página, podrá utilizar las herramientas de diseño de Dreamweaver para personalizar el formulario o el panel Comportamientos del servidor para editar el comportamiento de servidor Actualizar Registro.
Cómo completar la página de actualización en una operación
1•Insertar > Objetos de datos > Actualizar registro > Asistente
de formulario de actualizac. de registros.
2•En el menú emergente Conexión, seleccione una conexión a
la base de datos
3•En el menú emergente Tabla a actualizar, seleccione la tabla
de la BD que contiene el registro que desea actualizar.
4•En el menú emergente Seleccionar registro de, especifique el
conjunto de registros que contiene el registro que aparece en el formulario HTML.
5•En el área Campos de formulario, indique las columnas de la
tabla de la BD que debe actualizar cada objeto de formulario.
6•Especifique cómo debe mostrarse cada campo de
introducción de datos en el formulario HTML haciendo clic en una fila de la tabla Campos de formulario
7•Haga clic en Aceptar. DW añade a la página un formulario
HTML y un comporta-miento de servidor Actualizar registro.
Actualización de un registro
Páginas de borrado de registros
Una aplicación puede incluir un juego de páginas que permita a los usuarios eliminar los registros existentes en una basede datos. Las páginas están formadas normalmente por una página de búsqueda, una página de resultados y una página de borrado. Generalmente, una página de borrado es una página detalle que funciona conjuntamente con una página deresultados. Las páginas de búsqueda y de resultados permiten al usuario recuperar el registro, mientras que la página deborrado permite al usuario confirmar y eliminar el registro.Tras crear las páginas de búsqueda y de resultados, deberá añadir vínculos a la página de resultados para abrir la página de borrado y luego crear una página de borrado que muestre los registros y un botón Enviar.
Creación de páginas para eliminar un registro
1. Crear una página nueva
2. En el panel Comportamientos del servidor (Ventana> Comportamientos del servidor), haga clic en el botón más (+) y seleccione Eliminar registro
3. Especificará el valor de clave principal más adelante en el cuadro de diálogo
4. En el menú emergente Conexión o Fuente de datos (ColdFusion), seleccione una conexión con la BD
5. En el menú emergente Tabla, seleccione la tabla de base de datos que contiene los registros que se eliminarán
6. En el menú emergente Columna de clave principal, seleccione la columna de la tabla que contiene ID de registros.
7. En el menú emergente Valor de clave principal, seleccione la variable de la página que contiene el ID de registro que identifica el registro que se va a eliminar
8. En el cuadro Después de borrar, ir a, o en el cuadro Si es correcto, ir a, especifique una página que se abrirá después de eliminar
9. Haga clic en Aceptar y guarde el trabajo
Adición de lógica para eliminar el registro
Manual de Dreamweaver CS3
Ing. Magali Mejía PesántezPág. Web: http://magalimejia.netau.net
E-mail: magalimejiap@gmail.com
Fuente