Creación Visual de Aplicaciones con Php y mySql

13
Creación visual de aplicaciones con PHP y MySQL utilizando Adobe Dreamweaver CS3 Ing. Magali Mejía Pesántez Docente Facultad de Diseño Gráfico y Comunicación Visual UNIVERSIDAD TECNOLÓGICA AMÉRICA Cuenca-Ecuador

description

Creación visual de aplicaciones utilizando PHP y MySQL con Adobe Dreamweaver CS3

Transcript of Creación Visual de Aplicaciones con Php y mySql

Page 1: Creación Visual de Aplicaciones con Php y mySql

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

Page 2: Creación Visual de Aplicaciones con Php y mySql

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

Page 3: Creación Visual de Aplicaciones con Php y mySql

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

Page 4: Creación Visual de Aplicaciones con Php y mySql

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

Page 5: Creación Visual de Aplicaciones con Php y mySql

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

Page 6: Creación Visual de Aplicaciones con Php y mySql

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

Page 7: Creación Visual de Aplicaciones con Php y mySql

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

Page 8: Creación Visual de Aplicaciones con Php y mySql

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

Page 9: Creación Visual de Aplicaciones con Php y mySql

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

Page 10: Creación Visual de Aplicaciones con Php y mySql

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

Page 11: Creación Visual de Aplicaciones con Php y mySql

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

Page 12: Creación Visual de Aplicaciones con Php y mySql

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

Page 13: Creación Visual de Aplicaciones con Php y mySql

Manual de Dreamweaver CS3

Ing. Magali Mejía PesántezPág. Web: http://magalimejia.netau.net

E-mail: [email protected]

Fuente