xampp2

á

ó

Notas de la Asignatura “Desarrollo de Aplicaciones Web” Documento creado por: Ing. Julia Gabriela Nieva Paredes PTC TI UTT

Free Powerpoint Templat Templates es

En Dreamweaver, crear una nueva página PHP en su sitio y guardarla como index.php Escriba connTest como el nombre de la conexión. (Fig 2) Escriba la contraseña correspondiente al usuario (fig 2)

En el panel Databases (dentro de Windows-> Databases), haga click en el botón “+” y seleccione Conexión MySQL. (Fig. 1) En el campo “MySQL Server”, escriba localhost (Fig 2)

En el campo “DataBase “DataBase”, ”, escriba el nombre de la bd creada para phpUser (fig 2)

Presione “Test”, en este momento, Dreamweaver tratará de conectar con la base de datos. (fig 3) Expanda la conexión connTest, y luego expanda la rama Tables. (fig 4)

En el campo “User “User Name” Name ” escriba phpUser (el nombre de usuario creado en MySQL) (fig 2)

Si la conexión fue exitosa, presione OK. Esto mostrará la nueva conexión en el panel Databases. (fig 4)

De esta forma queda establecida la conexión MySQLDreamweaver


Fig. 1

Fig. 2

Fig. 4 Fig. 3 Free Powerpoint Templat Templates es

En Dreamweaver, crear una nueva página PHP en su sitio y guardarla como ver.php

Crea una tabla con dos renglones, en donde el primer renglón contenga los títulos de los campos de la tabla

Abrir el panel “Server Behaviors Behaviors” ” (Figura 1), presiona sobre el botón + y selecciona “Recordset “Recordset”. ”.

Esto abre la caja de diálogo “RecordSet “RecordSet” ” (Fig. 2)

En el campo “Name “Name” ” escriba el nombre del RecordSet (es una variable), y verifique que la conexión y la tabla sean las adecuadas. Presione OK para cerrar esta ventana y OK para cerrar el cuadro de diálogo Recordset. Abre el panel Bindings para añadir objetos de datos de datos dinámicos a una página HTML.

Presione el botón “Test”, lo que genera que se muestren los resultados de la consulta de la base de datos (Fig 3).

El Recordset debe estar listado en el panel Server Behaviors. Guarda el archivo. Ahí está listado el Recordset creado (getData). Expandelo al hacer click en el +.(Fig.4)

Arrastra cada uno de los elementos del Recordset a la página HTML, en el lugar donde quieres que sea mostrado el contenidoTemplat campo. Free Powerpoint Tdel emplates es

Guarda el archivo y pruébalo con F12

Fig. 1

Fig. 3

Fig. 2 Free Powerpoint Templat Templates es

Fig. 4

ó ó Selecciona la etiqueta de la tabla en donde se muestran los datos de la tabla. (Fig. 1)

Abre el panel Server Behaviors y haz click en el botón +

Selecciona “Repeat “Repeat Region” Region”

Esto abre la caja de diálogo “RepeatRegion “RepeatRegion” ” (Fig. 2)

En el nombre del RecordSet ya se encuentra seleccionado el RecordSet creado anteriormente.

En la opción Show Show,, selecciona el número de registros que se quieren mostrar.

Guarda el archivo y pruébalo con F12.

Presione OK para cerrar esta ventana y OK para cerrar el cuadro de diálogo Recordset.

El resultado se muestra en la Fig. 3.


ó ó

Fig. 1 Fig. 2


ó Selecciona Insert -> Data Objects -> Recordset Paging -> Recordset Navigation Bar (Fig 1)

Esto abre la caja de diálogo “Recordset Navigation Bar” (Fig. 2)

En el nombre del RecordSet ya se encuentra seleccionado el RecordSet creado anteriormente.

Selecciona el tipo de despliegue de los botones de la barra, ya sea en imágenes o en texto.

Guarda el archivo y pruébalo con F12. Free Powerpoint

Templates Templat es

Presione OK para cerrar esta ventana. La barra de navegación se muestra en la fig. 3.

ó Fig. 1

Fig. 2


Crea un formulario con los objetos necesarios para capturar los datos en la tabla alumnos (Fig. 1)

En Dreamweaver, crea una página nueva de tipo php.

Abre el panel Server Behaviors, click en el botón + y selecciona Insert Record

La caja de diálogo Insert Record automáticamente despliega los valores correctos.

En la opción columna, se indican el tipo de datos para cada campo. Si S i dice que no hay valor, valor, hay que revisar que los nombres de los objetos objeto s del formulario sean los mismos que los campos de la tabla ta bla

Presiona Presiona OK, guarda el archivo archivo y pruébalo con F12.


Fig. 1


á á En Dreamweaver, crea una página nueva de tipo php. (actualizar.php)

Abrir la página ver.php, en la que se desplegó el contenido de la tabla alumnos.

Selecciona el texto “Editar” y haz click en el icono de carpeta de la sección Link de la ventana de Propiedades (fig.2) Se abre la caja de diálogo Parameters Parameters.. Escribe el nombre del campo llave de la tabla, en este caso, matricula, en la caja Name(fig.4) Presiona OK, la caja Parameters se muestra ahora como en la fig. 6Free

Agregar dos columnas al final de la tabla (ver fig.1)

En la caja de diálogo, diálo go, selecciona el archivo actualizar actualizar.php .php y haz click en el botón bo tón Parámetros (Parameters…) (Parameters …) (Ver fig. 3)

En la caja Value, haz click en el rayo que está a la derecha (fig.4)

Presiona OK 2 veces más para cerrar los diálogos abiertos Powerpoint

Esto abre la caja “Dynamic Data”, con el RecordSet creado (getData). Expándelo y selecciona el campo matricula (fig.5)

El texto “Editar” debe observarse como en la fig.7. El azul de la fuente es por que el texto es un hipervínculo, y el azul claro de fondo de la celda indica que que contiene código Templates Templat es PHP.

Guarda el archivo ver.php

á á

Fig. 1


á á

Fig. 4 Fig. 3


ó ó Crea un formulario con los objetos necesarios para capturar los datos en la tabla alumnos (Fig. 1)

En Dreamweaver, abre la página actualizar.php

Asegúrate que los nombres de las cajas de texto sean iguales que los campos de la tabla a leer. (Fig. 2)

La caja de diálogo RecordSet automáticamente despliega los valores correctos. (Fig. 3)

Abre el panel Server Behaviors, click en el botón + y selecciona Recordset

En la opción Filter, selecciona matricula de la lista desplegable. (Fig. 3)

En el panel Bindings se muestra el Recordset. Expándelo, y arrastra cada uno de los componentes del RecordSet hasta su correspondiente caja de texto del formulario. (Fig.4)


Presiona Presiona OK, guarda el archivo. Para probar, previsualiza el archivo ver.php.

ó ó

Fig. 2 Fig. 1

3 FreeFig. Powerpoint Templates Templat es

Fig. 4

ó En Dreamweaver, abre la página actualizar.php

A la derecha del botón Guardar, inserta un campo oculto: Insert -> Form -> Hidden Field

Con el campo oculto seleccionado, cambia su nombre en el panel de Propiedades a matricula, y haz click sobre el rayo a la derecha de la caja Value. (Fig.1)

Este valor será pasado al comportamiento Update Record.

Dreamweaver debe haber seleccionado los valores adecuadamente, por lo que presiona click. (Fig. 3)

En el cuadro de diálogo Dynamic Data (fig 1) selecciona matricula del Recordset mostrado, y presiona Ok.

Abre el panel Server Behaviors y selecciona Update Record (fig. 2)

Guarda el archivo. Para probar, previsualiza el archivo ver.php, selecciona Editar del registro que desees modificar.


ó

Fig. 1

Free Powerpoint Templat Templates es Fig. 3

Fig. 2

Para borrar un registro, crea la página borrar.php

En la página ver.php, edita el hipervínculo “Borrar” tal y como se hizo para “Editar”

En la página borrar borrar.php, .php, en el panel Server Behaviors, haz click en el botón + y añade un “Delete “Delete Record” (fig.1)

El cuadro de diálogo Delete Record (fig 2) ya está configurado, revisa que los datos sean correctos y presiona Ok.


Guarda el archivo. Para probar, previsualiza el archivo ver.php, ver.php, selecciona Borrar del registro que desees borrar.

Fig. 1


Fig. 2

ó Crea una nueva página PHP y guárdala como login.php

En la base de datos ya debe existir una tabla llamada usuarios

En la página login.php, crea el formulario mostrado en la fig.1

Selecciona el campo password y en el panel de Propiedades selecciona la opción Password para que Dw oculte lo que el usuario escriba en esa caja.

En el panel Server Behaviors, selecciona User Authentication > LogIn User

Guarda la página y prueba con F12.


Configura este cuadro tal y como se muestra en la fig. 2., y presiona OK

ó

Fig. 1

Fig. 2


Antes de crear una página Web con PHP, deberá estar corriendo el panel de control de XAMPP, con los servidores Apache y MySQL ejecutándose.

El sitio se debe crear dentro de la carpeta c: \xampp \xampp \ \htdocs htdocs \

Se debe configurar el servidor de prueba en Dreamweaver.

Para conectar con una base de datos, se debe crear una conexión y probarla. Para trabajar con los datos de las tablas, el panel Server Behaviors tiene un tipo especifico de objeto dinámico, que dependerá de la acción requerida. (RecordSet RecordSet,, InsertRecord InsertRecord,, UpdateRecord UpdateRecord,, etc…)


xampp2

Recommend Documents