listado_alumnos.php
<html>
<head>
<meta charset="UTF-8">
<title>Listado de Alumnos</title>
<link href="matricula.css" rel="stylesheet" type="text/css">
</head>
<body>
<?php
require ("conexion.php");
$result = mysqli_query($enlace, "SELECT * FROM alumnos");
?>
<h1 id='titulo'>LISTADO ALUMNOS</h1>
<div id='menu'>
<button onclick="window.location='insertar.html'">Nuevo Alumno</button>
<button onclick="window.location='buscar_alumno.php'">Actualizar</button>
<button onclick="window.location='buscar_eliminar_alumno.php'">Eliminar</button>
</div>
<table id='tabla' >
<tr id="fila">
<td>Id Alumno</td>
<td>Apellidos</td>
<td>Nombres</td>
<td>Telefono</td>
<td>Domicilio</td>
</tr>
<?php
//Con la condicional while obtenemos los datos, mysqli_fetch_array() nos permite hacer esto, solo colocamos la variable que contiene esta con el nombre de la columna y nos arroja el dato, y como while es una condicional repetitiva y a la vez estamos construyendo la tabla, nos resultara una tabla con los datos ordenados según lo consultemos.
while ($row = mysqli_fetch_array($result)){
echo "<tr>";
echo "<td>".$row[idalum]."</td>";
echo "<td>".$row[apealum]."</td>";
echo "<td>".$row[nomalum]."</td>";
echo "<td>".$row[telealum]."</td>";
echo "<td>".$row[domialum]."</td>";
echo "</tr>";
}
mysqli_close($enlace);
?>
</table>
</body>
</html>
______________________________________________________________________
NOTA: Agregar las siguientes reglas al fichero matricula.css
#titulo{
background-color: #f26300 !important;
color:#ffffff;
font-size: 26px;
text-align: center;
}
#menu{
background:#dcdcdc;
margin:0 auto;
padding:14px;
}
#menu button{
clear:both;
margin:0 auto;
width:100px;
height:31px;
background:#f26300 !important;
text-align:center;
line-height:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#tabla{
border:solid 2px #708090;
background:#dcdcdc;
margin:0 auto;
width:1000px;
padding:14px;
}
#fila{
clear:both;
margin:0 auto;
height:31px;
background:#f26300 !important;
text-align:center;
line-height:20px;
color:#FFFFFF;
font-weight:bold;
}
No hay comentarios:
Publicar un comentario