Manual de conexion

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia

Desarrollo de aplicaciones ii

Tema

Manual de conexión Guardar, Eliminar,
actualizar y pdf.

Nombre completo del Alumno: Jorge Humberto Donato Monreal.
Grado: 4

Grupo: “A”

Nombre del Docente: Eloy Contreras de Lira.
Fecha de entrega: 08/11/2013 Pinos, Zac.


1.-Para comenzar a crear nuestra BD entramos al explorador para crear la base de datos en
phpMyAdmin.

1.- Entramos al explorador y escribimos localhost para entrar al XAMPP. Hasta que nos
aparezca la pantalla del explorador como lo muestra en la imagen.


3.- Seleccionamos la opción de español y nos aparecerá lo siguiente.

4.- Después de seleccionar la opción en español seleccionamos la opción de phpMyAdmin.


5.- Al dar clic en la opción de phpMyAdmin nos aparece lo siguiente en donde empezaremos a
crear nuestra Base de Datos.

6.- Primero creamos la nueva Base de Datos escribiendo el nombre de la BD (base de datos) y
después damos clic en crear y nos aparezca lo siguiente.

7.- Cuando damos clic en el botón crear nos aparece un mensaje que nos indica que la base de
datos “-“se creo y en la parte izquierda nos aparece el nombre de la BD (base de datos) como
lo muestran las flechas.


8.-En esta parte creremos la tabla en la base de datos escribiendo el nombre y el numero de
campos de la tabla y damos clic en continuar.

9.- En esta parte llenaremos los datos que nos pide como el campo, tipo y longitud como lo
muestra en la imagen de ejemplo, recordemos que la llave primaria tenemos que ponerle en
llave primaria y que sea auto incrementable.

10.- Despues de ingresar nos dirigimos hacia la parte de abajo del explorador y damos clic en
grabar.

11.- Después de dar clic en grabar nos aparece un mensaje diciéndonos que la tabla “-“, “-“se
creó y nos muestra la tabla creada.

12.- Ahora dejamos por un momento el phpMyAdmin sin cerrarlo y damos clic en mi PC.

13.- Damos doble clic en Disco local.

14.- Buscamos la carpeta de XAMPP y damos clic para abrirla.

15.- Ahora buscamos la carpeta htdocs y la abrimos.

16.- Dentro de la carpeta htdocs creamos una nueva carpeta con el nombre del trabajo.

17.- Buscamos el programa Adobe Dreamweaber CS5 y lo abrimos.

18.- Ya teniendo abierto el Dreamweaber damos clic en la opción de sitio y después en la
opción de nuevo sitio.

19.- E n la pantalla que nos aparece en la opción de sitio escribimos el nombre del sitio y
localizamos la carpeta que antes ya creamos.

20.- Después nos dirigimos a la opción de servidores y damos clic en el signo de +.

21.- En esta parte seleccionamos conectar usando y la opción de local/red, escribimos el
nombre del servidor, localizamos la carpeta y escribimos la url y damos clic en guardar.

22.- Seleccionamos la opción de prueba y quitamos la opción de remoto y despes damos clic
en guardar.

23.- Aquí nos muestra que esta creada nuestra carpeta de nuestro sitio_prueba.

24.- Damos clic derecho en la carpeta y después damos clic en nuevo archivo.

25.- Creamos el archivo con el nombre de guardar.php.

26.- Después de crear el archivo buscamos la opción de BD, damos clic en el signo de más y
damos clic en Conexión MySQL.

27.- En la siguiente ventana que aparece escribimos el nombre de la conexión y las demas
opciones como lo muestra la imagen.

28.- Al dar clic en la opción de seleccionar de la anterior ventana nos muestra la siguiente y
seleccionamos la base de datos que hemos creado y damos clic en aceptar.

29.- Nos regresa a la primera pantalla y damos clic en aceptar.

30.-Seleccionas la opción de datos en la pestaña ventana y nos crea un botecito amarillo con la
conexión.

31.- Seleccionamos la opción de insertar registros con asistente de formulario.

32.- Antes creamos un nuevo archivo con el nombre de lista alumnos.

33.- Seleccionamos el archivo de redirección en el archivo guardar que esto nos sirve para que
después de guardar no muestre la lista y damos clic en aceptar.

34.- Continuando con el paso 31 nos aparece la siguiente ventana y quitamos el elemento
id_alumno dando clic en el signo de menos y damos clic en aceptar.

35.-Al dar aceptar nos va mostrar el siguiente formulario ya hecho.

36.- Damos clic en archivo y damos clic en guardar todo esta opción se debe de hacer cada vez
que realicemos algo.

37.- Buscamos la opción de Datos dinámicos: Tabla dinámica.

38.- Nos muestra la siguiente pantalla y seleccionamos la opción de todos los registros y damos
clic en aceptar.

39.- Al dar aceptar nos muestra el siguiente formulario en el archivo lista alumnos.

40.- Seleccionamos las dos ultimas columnas damos clic derecho y en la opcion de insertar filas
o columnas.

41.- Seleccionamos la opción columna y el número 2 y damos clic en aceptar.

42.- Seleccionas las columnas que hicimos damos clic derecho y combinamos las celdas.

43.- Escribimos los campos eliminar y actualizar como lo muestra.

44.- Ahora creamos otro nuevo archivo con el nombre de eliminar.

45.- Seleccionamos el campo eliminar y después nos dirigimos a la carpeta que señala la flecha
para crear el vínculo.

46.- Al dar clic en la carpeta para crear el vínculo seleccionamos el archivo eliminar y damos
clic en aceptar.

47.- Abrimos el archivo eliminar.

48.- Buscamos la opción de eliminar registro.

49.- Nos muestra la siguiente ventana y seleccionamos la opción lista alumnos y damos clic en
aceptar.

50.- Nos regresamos al archivo lista alumnos.

51.- Después nos dirigimos al código como lo muestra la siguiente imagen.

52.- Copiamos lo que esta indicado en la imagen pero antes escribimos lo siguiente
?id_alumno=.

53.- La siguiente imagen muestra cómo debe de quedar el código.

54.- Creamos un nuevo archivo con el nombre de actualizar.

55.- Seleccionamos el campo actualizar y creamos el vínculo seleccionando la carpeta para
buscar el archivo.

56.- Seleccionas el archivo para el vínculo que en este caso es actualizar y damos clic en
aceptar.

57.- Buscamos la opción de actualizar registro con asistente de formulario.

58.- Nos muestra la siguiente ventana y damos clic en juego de registros.

59.- En la siguiente ventana seleccionamos id_alumno en la opción filtro y damos clic en
aceptar.

60.- En la siguiente ventana damos clic en aceptar.

61.- En la siguiente ventana damos clic en examinar.

62.- En la siguiente ventana seleccionamos lista_alumnos y damos clic en aceptar.

63.- Después quitamos el id_alumno dando clic en el signo de menos y damos clic en aceptar.

64.- En el archivo nos muestra el siguiente formulario.

65.- Nos dirigimos al archivo lista_alumnos .

66.-En el código realizamos el mismo paso que el de eliminar copiamos y pegamos como lo
muestra en las dos siguientes imágenes..

67.- Damos clic en archivo y luego en guardar todo.

68.- En el explorador con el link localhost/escuela (nombre) abrimos nuestro sitio y damos clic
en actualizar.

69.- Al dar clic en actualizar nos muestra la siguiente pantalla donde podemos actualizar los
datos y damos clic en actualizar registro.

70.- Al dar clic en actualizar registro nos muestra ya el registro actualizado.

71.- Creamos el campo PDF como lo muestra.

72.- Pegamos la carpeta con el nombre de pegaren htdocs en la carpeta que antes habíamos
creado que el profe nos pasó.

73.- Seleccionamos el campo PDF y damos clic en la carpeta para darle el vínculo.

74.- Seleccionamos el archivo que en esta ocasión es reporte_alumno y damos clic en aceptar.

75.- Nos dirigimos al código de lista_alumno y repetimos el paso de copiar pegar como lo
muestra en la imagen.

76.- Para cambiar el nombre como por ejemplo Reporte_alumno cambias el código como lo
muestra la imagen.

77.- Recuerda que los campos deben ser iguales a los de la BD.

78.- En el explorador nos debe de mostrar la lista con los datos como lo muestra en la imagen y
al damos clic en PDF.

79.- Al dar clic en PDF nos muestra la siguiente pantalla y finalizamos con el procedimiento.

Manual de conexion

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Destacado

Destacado (20)

Similar a Manual de conexion

Similar a Manual de conexion (20)

Más de Jorge Humberto Donato Monreal

Más de Jorge Humberto Donato Monreal (11)

Manual de conexion