tutorial

Universidad Femenina del Sagrado Corazón

Profesor: Hilda Freyre Còrdova 1

LABORATORIO

BASE DE DATOS PHP CON MSQL Objetivos:

Creación de directorio virtual utilizando el Servidor Apache

Diseño de un Web site con dirección a un directorio virtual.

Conectarse a una Base de Datos de MSQL, utilizando páginas PHP.

Diseño de consultas a una tabla y consultas utilizando parámetros de formularios. Primer Paso:

1. Instalación del programa AppServ y Mysql

2. Crearemos una Base de Datos en MySql. Ir al Menú Tools –Create DataBase en nombre digitar:bdmatricula



3. Ahora procederemos en crear una tabla, los campos y asignar las propiedades a los campos. Para el efecto colocar puntero en Database, luego clic derecho aparece menú contextual , selecciona Create New Table.Nombre de la tabla: alumno



4. Definiendo los campos y sus propiedades TABLA: ALUMNO

Campo Tipo Tamaño Propiedad

cod_alumno char 5 Not null Clave Principal (Primary Key)

ape_pat_alumno varchar 30 Not null

ape_mat_alumno varchar 30 Not null

nom_alumno varchar 50 Not null

fec_nac_alumno datetime Not null

dir_alumno varchar 200 Not null

tel_alumno char 15 Yes(NO ACTIVAR NOT NULL)

cor_alumno varchar 100 Yes

fot_alumno varchar 300 yes

5. Crear una Segunda Tabla nombre:Curso Definiendo los campos para la TABLA:CURSO


cod_curso Char 4 Not null Clave Principal (Primary Key)

nom_curso Varchar 30 Not null

num_hor_curso Int 11 Not null

cre_curso Int 11 Not null



6. Crear una Tercera Tabla nombre:Horario Definiendo los campos para la TABLA:HORARIO


cod_horario Char 4 Not null Clave Principal (Primary Key)

fec_ini_horario datetime Not null

fec_fin_horario datetime Not null

hor_ini_horario datetime Not null

hor_fin_horario datetime Not null



7. Crear una Tercera Tabla nombre: Matricula

Definiendo los campos para la TABLA:MATRICULA


cod_matricula Int 11 Not null Clave Principal (Primary Key)

cod_alumno Char 5 Not null

fec_matricula datetime Not null

8. Crear una Cuarta Tabla nombre: detalle_matricula

Definiendo los campos para la TABLA:DETALLE_MATRICULA


cod_matricula Int 11 Not null Clave Principal (Primary Key)

cod_curso Char 4 Not null

cod_horario Char 4 Not null



TABLA :DETALLE_MATRICULA

9. Despues de haber creado las tablas procederemos a llenar los registros en cada tabla, una vez que la base de datos este lista procederemos en Dreamweaver a definir nuestro sitio web.



Segundo Paso

1. Abrir Dreamweaver:

2. Configurando nuestro sitio Web, nombre del sitio:matricula, crear la carpeta del sitio Web en C:\en la carpeta AppServ\www\

3. En Direccion HTTP: http://localhost:8000/matricula ( no olvidarse que el puerto 8000 que se ha colocado es porque en la instalación del AppServ se coloco este numero de puerto.



Selecciona la ficha Avanzadas ------ ir a Categoría ------------Servidor de prueba------

en la opción Modelo de servidor:PHP MySQL

Acceso: Local/red Carpeta de servidor C:\AppServ\www\matricula\ Prefijo de URL: http://localhost:8000/matricula/



Tercer Paso

CONFIGURANDO CON LA BASE DE DATOS:

Menu ventana – base de datos - clic al botón + , Conexión MySQL,aparece nueva ventana

Si la conexión esta bien hecha se observa:

Cuarto Paso :

Diseñaremos una nueva pagina PHP y en esta diseñaremos nuestra ventana de presentación en una plantilla

Crearemos regiones editables, y en base de esta plantilla crearemos nuestras nuevas paginas



1. En un nuevo documento plantilla PHP, diseñaremos en base a tablas, insertandos celdas combinando, dar color de relleno a las celdas como en la muestra:

Insertando una tabla:



Seleccionar la primera fila, luego combinar ir al Panel Propiedades clic icon combinar celdas o

seleccionar la fila clic derecho tabla- combinar celdas (Ctrl + Alt + M)



Diseñar como en la muestra la ventana principal que será de base para nuestros nuevos documentos

Una vez terminada la plantilla

Pasamos a crear el archivo MANTENIMIENTO-ALUMNO.PHP (colocar el nombre del archivo en

minúsculas).

En el nuevo archivo mantenimiento-alumno.php, ubica cursor en la región editable, ir al menú

Insertar – Formulario – Formulario

Insertar formulario en la region editable, luego inserta tabla dentro del formulario

Tabla de 3 columnas, Nro de filas : 3

Ancho de tabla: 80 porcentaje

Grosor del borde: 0 ; relleno de celda: 0 ; espacio entre celdas: 0

Selecciona la tabla ir al menú Insertar –Objetos de Plantilla- Región editable Aparecera: texto contenido



DISEÑAR EL FORMULARIO PARA MANTENIMIENTO ALUMNO COMO SE APRECIA EN LA IMAGEN:

Campo de Texto Nombre (Panel Propiedades)

Codigo txtcodigo

Apellido Paterno txtApellido_Paterno

Apellido Materno txtApellido_Materno

Nombres txtNombres

Fecha de Nacimiento txtFecha_Nacimiento

Dirección txtDireccion

Telefono txtTelefono

Correo Electrónico txtCorreo_Electronico

Inserta en cada celda un objeto campo de texto, de igual forma para el campo foto. (Menu Insertar- formulario- campo de

texto)



Quinto Paso: Definición de un Juego de Registros: Se creara un juego de registros para seleccionar los datos que desea mostrar. Un juego de registros es un subconjunto de información extraido de una base de datos mediante una consulta. Una consulta de base de datos se compone de criterios de búsqueda que definen lo que debe incluirse en el juego de registros . LUEGO CREAR UN JUEGO DE REGISTROS RSALUMNO

Ir a VINCULACIONES de la ventana Base de Datos clic a la ficha mas ( + ) ---Juego de registros (consulta)

Aparecerá la siguiente ventana en donde digitaremos lo siguiente: Nombre: rsAlumno, en conexión: cn , tabla:alumno, columnas:todo, filtro:ninguno, ordenar:

cod_alumno, luego aceptar.



LUEGO ARRASTRAR LOS CAMPOS DEL JUEGO DE REGISTROS A CADA CAJA DE TEXTO CORRESPONDIENTE , QUEDARA ASI COMO SE MUESTRA:

CREAR UN NUEVO ARCHIVO PARA LA INSERCION DE REGISTROS DE LA TABLA ALUMNOS CON NOMBRE alumno-nuevo.php



MANTENIMIENTO DE LA BASE DE DATOS

Una vez que la base de datos ya tiene una conexión definida, es necesario que se den acciones para que los datos en ella guardados siempre se mantengan actualizados. El mantenimiento de la base de datos implica preparar formularios que permitan realizar procesos de:

Ingreso de Datos: Para agregar registros de datos a las tablas de la base de datos.

Consulta de Datos: Para ver los datos guardados en los registros. Puede examinar los datos en forma individual o en forma grupal o masiva.

Edición de Datos: Para tener la posibilidad de ver los datos y realizar los cambios que se requieran para mantenerlos actualizados.

Eliminación de Datos: Para dar de baja a los registros que no son necesarios mantenerlos en la tabla.

INGRESO DE DATOS.-

Puede utilizar un objeto de aplicación Formulario de inserción de registro para crear un formulario que se vincule con los campos de una base de datos. El objeto de aplicación permite seleccionar los campos que se incluyan en el formulario, etiquetar los campos y seleccionar el tipo de objetos de formulario que se van a insertar.

Cuando un usuario introduce datos en los campos del formulario luego selecciona el botón enviar, se insertara un nuevo registro en la Base de Datos.

PASO: 6

Ir al Menú Insertar – Objetos de Aplicación – Insertar registro – Asistente de formulario de inserción de registros.

En la ventana Formulario inserción de registro :



Conexión: cn ; tabla: alumno ; tras insertar, ir a: alumno-nuevo.php; se visualizaran los campos como se observa en la imagen

La ventana quedara como en la muestra:



PASO 7: EDICION DE DATOS En una base de datos , se hace necesario que se editen y actualicen los cambios de algunos registros por efecto de la operación de los mismos, se debe de tener una pagina que permita hacer modificaciones a los contenidos. ACTUALIZAR REGISTRO DE ALUMNO, CREAR UN NUEVO ARCHIVO CON NOMBRE alumno-actualizar.php

CREAR UN JUEGO DE REGISTROS RSALUMNO PARA LA ACTUALIZACION:

Ventana Base de Datos----Ficha Vinculaciones ------clic + -----Juego de registros (consulta)



Colocar cursor en la región editable (contenido)

Ir al menú Insertar -------Formulario ----Formulario

Luego al Menu Insertar – Objetos de Aplicación ---Actualizar registro -----Asistente de formulario de actualización de registros.

INSERTAR FORMULARIO EN LA REGION EDITABLE



INSERTAR PAGINACION

Menú Insertar ----- Objetos de Aplicación ----- Paginación de juego de registros ----- Barra de navegación de juego de registros.



PASO 8: ELIMINACION DE DATOS Durante el manejo de la información se hace necesario que se eliminen los datos de los registros que ya no son importantes o no se utilizaran por algún motivo, para el efecto se creara una pagina que permita hacer la eliminación de los datos de la tabla.

ELIMINAR REGISTRO DE UNA TABLA MYSQL DESDE DREAMWEAVER

Ubicar cursor en la región editable (contenido), luego ir al menú Insertar –Formulario----Formulario.

Dentro del formulario crear una tabla de 3 x 6 y en la primera columna los nombres de los campos al medio columna vacia de separación .

En la tercera columna agregar un objeto “campo de texto”(ejem Selecciona el campo de texto para el código, ir luego al Panel propiedades digitar txtCodigo hacer este mismo procedimiento para cada nombre de campo)

Ir a la ficha vinculaciones----- Juego de registros(consulta), luego en vinculaciones desplegamos la tabla y arrastrar cada campo a su respectivo campo de texto.



No olvidarse de arrastrar los campos del juego de registros hacia los campos de textos correspondientes:

Insertar una Barra de navegación juego de registros (Menu Insertar – Objetos de datos ---- Paginación Juego de Registros ------ Barra de navegación por juego de Registros.



En la opción Mostrar utilizando, seleccionar ------ imágenes

Aparece una ventana dar clic en Aceptar

Agregar un botón dentro del formulario digita ELIMINAR



Ir al menú INSERTAR --- OBJETOS DE DATOS ----- ELIMINAR REGISTRO



En la ventana que aparece debemos de tener lo siguiente:

Tener en cuenta que el Valor de clave principal: Parámetro URL es cod_alumno, quiere decir que en el formulario la caja de texto código de alumno debe de tener como nombre cod_alumno , para que la eliminación del registro sea por el código del alumno.

Seleccionar el formulario si encuentra en el método POST, cambiarlo por el atributo METHOD por “GET”:

Guardar el documento y presiona F12 para publicar.



PASO: 9 MANTENIMIENTO CURSO VISUALIZACION DE LOS REGISTROS DE LA BASE DE DATOS.-

Crear una nueva pagina php nombre mantenimiento-curso.php, crear una tabla, en la cual se generarà dinámicamente la pagina en lugar de introducir manualmente la información.

Comenzar creando una tabla para estructurar la lista de datos. Tabla de 4 columna y 2 filas

Guardar el documento con el nombre mantenimiento-curso.php

Menu Ventana – Base de Datos----Ficha Vinculaciones clic al botón mas Juego de registros



De la ventana Base de datos, selecciona la tabla curso, despliégala, luego ir a la ficha vinculaciones, juego de registros de la tabla curso

En el Panel vinculaciones en juego de registros , seleccione cod_curso, arrastre y lleve a la celda vacia debajo de código curso, repita estos pasos con nom_curso, num_hor_curso, cre_curso. La pagina deberá de tener esta apariencia. Luego guardar el documento.

En la ventana del documento seleccione la ultima fila donde inserto arrastrando, seleccione toda la fila.

Para definir una región repetida, ir al Panel Comportamientos del servidor, clic al botón mas ( + ) , luego seleccione Repetir región .

Utilizando Menu Insertar (Dreamweaver CS3 ) ---Objetos de Datos ----- Repetir región

Guardar y publicar

Crear una nueva tabla en la parte inferior con los siguientes accesos para vincular a nuevas paginas php que van a permitir insertar nuevos cursos, editar y eliminar.



INSERTAR NUEVOS REGISTROS DE DATOS

Crear una nueva pagina php nombre cursonuevo.php, en el centro digitar INGRESAR NUEVO CURSO.

Ir al menú Insertar – Objeto de aplicación – Insertar registro – Asistente de formulario de inserción de registros . (Dreamweaver CS3 menu Insertar- objeto de datos --- Insertar registro ------ Asistente de formulario de inserción de registros.

En la ventana de dialogo que aparece, configure tal como se muestra.



Se muestra el formulario listo para ingresar los datos y finalmente hacer clic en el botón

insertar registro

Documents

tutorial