Reporte de registros desde MySQL hacia PHP
- 1. CENTRO UNIVERSITARIO DE LOS VALLES PROGRAMACIÓN WEB TAREA 7: Reporte de Registros desde MySQL hacia PHP (PDO) Alumno: Jonathan Jesus Diaz Jimenez Carrera: Tecnologías de la Información Maestro: Abraham Vega Tapia
- 2. Creación de páginas web con lenguaje de PHP para sustraer información de una BD local y HTML para poner esos datos en una tabla, se hacen 2 páginas Una es donde se muestran todos los datos de las tablas, y en esta se muestra el nombre o código una liga que dirige a una página que muestra más detalles
- 3. De la linea 1 a la 16 es código PHP para hacer la conexión a la BD y una consulta seleccionando lo que ya tiene, por lo que esa BD no deberá estar vacía Guardamos la consulta en 2 variables, puede ser en solo 1 pero ya es preferencia $sql y $sql2 Se hace un Inner Join El INNER JOINes para mostrar un dato que se encuentra en otra tabla
- 4. Aquí se muestra el inicio del codigo con HTML para la creación de la primera fila Ahora ahora si se viene lo chido, creamos un foreach para que este imprimiendo los datos sustraídos de la BD, ya que seria muy tedioso estar poniendo cada “td” y ademas si agregamos datos en la BD pues tendríamos que estar actualizando código.
- 5. Dentro de cada “td” que hagamos pondremos una linea de codigo PHP la cual sutraera lo escrito en la tabla, y esto se tiene que hacer poniendo el nombre de la columna tal cual lo pusiste en la BD Por ejemplo, el nombre de la carrera es nombre_carrera, luego fecha de nacimiento es fecha_nac. Nos fijamos que en el nombre_estudiante tiene una liga de referencia, esa es una dirección a la segunda página donde se mostraran un poquito mas de detalles y manda como parámetro el codigo del estudiante, muchas veces tambien lo ponen con el nombre de “ID”
- 6. Podemos pasar a revisar de manera local como va quedando la página, se fijan que el nombre esta remarcado pues es para hacer la redirección a la siguiente página que se hará Aquí vamos a tener un detalle, tenemos que tener cuidado con el cotejamiento de la BD ya que no todos admiten las palabras que pongamos, por ejemplo en utf-16 no se muestran las ñ ni los acentos, se muestra un símbolo. Habrá que colocarla en UTF-8(o UTF8mb4)– general-ci
- 7. Ahora toca crear la segunda página donde vamos a recuperar los mismos valores de la pagina pasada, pero esta vez mostrando una sola fila Linea 1 a la 9, es conexión a la BD y sustrae el dato del código Después se encuentran unos IF y estos son para validar que si venga el codigo, si no lo tuviera manda a otras paginas De la línea 24 a la 35 Es el código donde se hace la consulta para sustraer los datos, si se fijan esta vez en la consulta ponemos un WHERE esto es para que en la pagina solo muestre una fila con los detalles seleccionados, también tiene un INNER JOIN para la relación y asi mostrar campos de las 2 tablas
- 8. No hay mucho que ver, ya que es muy parecida a la página anterior, hasta si quieren pueden copiar y pegar esta parte del código
- 9. Aquí ya cambia un poco, si nos fijamos el nombre ya no tiene una liga de referencia, pero ahora como queremos mostrar mas detalles en caso del genero, se pone M o F, pero queremos mostrar algo más, haremos un IF asignándole el valor a una variable, después mostramos ese valor por medio de un ECHO Todo lo demás prácticamente es igual a la página anterior
- 10. Si nos damos cuenta, en la imagen de la izquierda tenemos líneas de código TD pero en ellas esta escrito esto “ ”, es para que muestre celdas vacías como lo vemos en la imagen de la derecha, ademas tenemos un cuadro que tiene una liga referencia a la pagina anterior, es para regresar al reporte completo y poder seleccionar otro si asi lo queremos. En la derecha es como debería verse, es una prueba de forma local, con la aplicación de WampServer
- 11. Subiremos a nuestros archivos a nuestro hosting gratuito, en mi caso yo utilizo atspace.com Después ya podremos visualizar nuestros archivos en la web a los cuales puede acceder cualquier persona si tiene el link
- 12. Click derecho en el archivo que acabamos de subir, luego en Visit para abrirlo en una pestaña nuva
- 13. Listo, ya quedo nuestra página Pero… aquí tenemos un pequeño detalle, no muestra la Ñ, muestra un símbolo con un signo de interrogación, en otros casos serán otros símbolos, y esto se debe a la versión que trabaja MySQL en atspace, y es la 5.7
- 14. Mi versión de MySQL es la 8.0.30, la más nueva Asi como la versión de PHP es de las mas nuevas