Se muestra como se hacen dos páginas con código PHP que sustrae información de una Base de Datos y la muestra en una tabla creada con HTML, la base de datos puede estar de manera local pero si quieres poner tus páginas en la web tendras que subirla a un hosting, puede ser gratuito o de paga.

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