afu3 gb manual de manipulación de datos
TRANSCRIPT
![Page 1: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/1.jpg)
qwertyuiopasdfghjklzxcvbnmq
wertyuiopasdfghjklzxcvbnmqw
ertyuiopasdfghjklzxcvbnmqwer
tyuiopasdfghjklzxcvbnmqwerty
uiopasdfghjklzxcvbnmqwertyui
opasdfghjklzxcvbnmqwertyuiop
asdfghjklzxcvbnmqwertyuiopas
dfghjklzxcvbnmqwertyuiopasdf
ghjklzxcvbnmqwertyuiopasdfgh
jklzxcvbnmqwertyuiopasdfghjkl
zxcvbnmqwertyuiopasdfghjklzx
cvbnmqwertyuiopasdfghjklzxcv
bnmqwertyuiopasdfghjklzxcvbn
mqwertyuiopasdfghjklzxcvbnm
qwertyuiopasdfghjklzxcvbnmq
wertyuiopasdfghjklzxcvbnmqw
ertyuiopasdfghjklzxcvbnmrtyui
opasdfghjklzxcvbnmqwertyuiop
Manual Técnico
Desarrollo De Aplicaciones
08/11/2013
Daniel Torres Salas
![Page 2: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/2.jpg)
Introducción En este manual se explicaran los pasos para el desarrollo
de la aplicación web desarrollada en este caso la aplicación
registrara y guardara los datos y los mostrara en lista.
![Page 3: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/3.jpg)
Para empezar es necesario crear nuestra base de datos, para esto se creara en XAMPP
(mysql), por lo cual en el navegador teclearemos http://localhost.
Damos clic al idioma y nos mostrara la interfaz de bienvenida donde seleccionamos:
Español
![Page 4: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/4.jpg)
En esta interfaz crearemos nuestra
base de datos, asignándole un nombre y
presionamos el botón
Una vez creada la BD vamos a crear la(s)
tabla(s) necesarias poniéndoles nombre y el
número de campos y presionamos el botón
continuar.
Para luego poder llenar los campos con los
datos de los datos y presionamos el botón
Crear
Grabar
![Page 5: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/5.jpg)
Con esto esta lista la base de datos para poder
trabajar en la aplicación, pero antes es necesario
crear una carpeta dentro de los archivos htdocs
y vamos a entrar a mi PC Disco local(C:).
Disco local(C:) xampp(carpeta).
XAMPP htdocs(carpeta).
Dentro de la carpeta htdocs vamos a crear una
nueva carpeta con el nombre del sitio a crear
pues hay se guardaran los archivos a realizar.
![Page 6: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/6.jpg)
Ahora si vamos a empezar a trabajar con
Nos vamos al menú de herramientas Sitio, y
damos clic en nuevo sitio.
En la ventana que aparecerá agregaremos nombre al sitio en este caso el nombre de la
carpeta creada en Disco local(C:) xampp htdocs prueba4b y también es la ubicación a guardar
del sitio.
![Page 7: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/7.jpg)
Enseguida cambiamos y damos clic en
Servidores, donde vamos a crear nuestro
servidor para el sitio y presionamos el
signo + para añadirlo.
En esta interfaz vamos a crearlo asignándole cualquier
nombre en el menú de selección, seleccionaremos
Local/red, en la carpeta del servidor, seleccionamos la
carpeta que hemos creamos y en URL ponemos
localhost/nombre de la carpeta/.
Damos clic al botón de Avanzados,
donde vamos a configurar el modo del
servidor y seleccionamos PHP MySQL y
para terminar con la creación
presionamos el botón Guardar.
![Page 8: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/8.jpg)
Para terminar solo seleccionamos la opción De prueba y presionamos en Guardar.
Ahora para empezar a crear el sitio creamos los 2 archivos uno para el registro y el otro para
mostrar los registros en lista. Solo seleccionamos nuestro sitio, damos clic derecho en la
opcion Nuevo archivo y solo les ponemos nombre dando doble clic según la funcion .
![Page 9: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/9.jpg)
Ahora nos vamos a la barra de herramientas Referencias y activamos la Base De Datos.
Ya activada la BD damos clic en el signo + para crear la
conexión.
En la ventana que aparecerá
empezaremos con la conexión
signándole un nombre cualquiera, el
servidor, usuario y la BD a conectarse y
la cual seleccionaremos la que creamos
anterior mente y presionamos aceptar
y aceptar.
![Page 10: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/10.jpg)
Para empezar con el formulario en insertar seleccionamos Datos y dentro de datos Insertar
registro en
Al dar clic nos muestra esta ventana donde la conexión ya existe y con esto mostrara los datos
en una interfaz de la aplicación, quitemos el elemento de id_alumno, pues esto solo nos sirve
como el identificador.
![Page 11: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/11.jpg)
![Page 12: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/12.jpg)
Ahora vamos a seleccionar el archivo al que queremos que nos mande después de llenar los
campos presionando el botón Examinar.
Una vez que este todo listo de acuerdo a tu aplicación presionamos el botón Aceptar y nos
mostrara el diseño de lo que será la interfaz de una página del sitio.
![Page 13: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/13.jpg)
Y en seguida nos lo mostrara con los campos de registro y que sarán guardados en la BD.
![Page 14: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/14.jpg)
![Page 15: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/15.jpg)
![Page 16: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/16.jpg)
Nos vamos al buscador de internet e ingresamos localhost/”nombre_del_sitio”/ Enter
Nos mostrara lo que son las páginas del sitio presionas guardar_nombre.php y nos mostrara la
interfaz con los campos para registrar, al presionar el botón Insertar Registro nos mostrara en
una tabla todos los registros que hemos ingresado, guardándolos en la BD.
1
1
![Page 17: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/17.jpg)
Con este código se puede hacer que en el campo “Sexo” nos aparezcan el nombre de las
variables y no el valor y así mismo lo puedes utilizar en cualquier otros.
<?php if($row_Recordset1['sexo']==1){?> <td>Hombre</td> <?php }else{ ?> <td>Mujer</td> <?php } ?>
![Page 18: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/18.jpg)
Ahora vamos a redactar como Eliminar y Actualizar los registros ya agregados.
Eliminar
Para empezar vamos a agregar un nuevo archivo al que le
pondremos como nombre eliminar.php. Damos clic y nos
mostrara lo que Sara la interfaz de la página, pero, como solo
será para una función, nos vamos a Insertar en Datos y Eliminar
registro.
Nos aparecerá la siguiente ventana en la que vamos a dejarla con los datos tal y como aparece,
solo vamos a llenar el campo vacío, para que después de eliminar nos mande a la misma lista,
presionamos el botón Examinar y nos mostrara la siguiente ventana en la que nos mostrara las
archivos a los que nos mandara después de y en este caso lista.
![Page 19: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/19.jpg)
Y solo presionamos Aceptar y Aceptar.
Actualizar
Después de haber
agregado un nuevo
archivo y llamarlo
actualizar.php damos
clic en el nos vamos a
Datos e Actualizar
registro y
seleccionamos la
primer opción.
![Page 20: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/20.jpg)
Esta ventana nos aparecerá en seguida en el que
damos clic a juego de registro y nos enviara a la
siguiente
En esta ventana solo seleccionamos
Una página, para después de
actualizar un registro que nos
mande a la requerida en este caso
lista_alumnos.php y presionamos
Aceptar.
Ahora nos vamos a la pestaña de listas_alumnos.php y seleccionamos la última columna para
poder agregar dos nuevas columnas presionamos aceptar.
![Page 21: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/21.jpg)
Vamos a combinar las celdas y agregarles las acciones a realizar con los datos agregados, en
este caso Eliminar y Actualizar.
Ahora los seleccionamos Eliminar para crear un hipervínculo con la pagina eliminar.php para
realizar la acción y presionamos aceptar.
![Page 22: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/22.jpg)
Y realizamos lo mismo con el texto de Actualizar lo seleccionamos y creamos el hipervínculo
con actualizar.php y presionamos aceptar.
![Page 23: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/23.jpg)
Ahora tenemos que modificar el código de listas.php para que al momento de eliminar o
actualizar mande llamar la id_alumno desde la base de dato y lo que hacemos es agregar el
código seleccionado en ambas acciones.
![Page 24: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/24.jpg)
Ahora nos vamos al final al explorador e ingresamos localhost/misitio/guardar_alumno.php y
nos muestra la pagina ya lista e insertamos datos y duardamos.
Nos envira a la lista y nos mostrara los registros agregados los cuales podemos eliminar y
actualizar.
Para finalizar vamos a realizar el formato PDE solo agregamos a la lista la acción PDF
![Page 25: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/25.jpg)
Copeamos estos archivo en nuestra carpeta en htdocs, ya copiados actualizamos nuestro sitio
y hay nos aparecerá un archivo llamado reporte_alumno.php que es el que nos generara
nuestro reporte.
Ahora creamos un hipervínculo seleccionando Reporte PDF y lo hacemos con el archivo
reporte_alumno.php.
![Page 26: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/26.jpg)
Aquí también es necesario escribir el mismo código que Era eliminar y actualizar y listo.
![Page 27: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/27.jpg)
![Page 28: Afu3 gb manual de manipulación de datos](https://reader033.vdocuments.net/reader033/viewer/2022052904/557dd085d8b42ae4688b4d30/html5/thumbnails/28.jpg)