En este ejemplo enseñaré a listar los registros de una tabla creada en Mysql en una página web JSP.
 |
| Fig. 1 |
- Primero debemos crear un proyecto web en Netbeans con el nombre:listar_datos.
- Crear un paquete con en nombre Conexion. Agregar al paquete un Java Class con el nombre: cls_conexion. Escribir el siguiente código:
package Conexion;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import javax.swing.JOptionPane;
public class cls_conexion {
private Connection cn = null;
String driver = "com.mysql.jdbc.Driver";
String url = "jdbc:mysql://localhost:3306/prueba";
String usuario = "root";
String clave = "123";
public Connection con() {
try {
Class.forName(driver);
cn =
DriverManager.getConnection(url, usuario, clave);
} catch (SQLException ex) {
JOptionPane.showMessageDialog(null, ex);
} catch (Exception e) {
JOptionPane.showMessageDialog(null, e);
}
return
cn;
}
}
- Crear un paquete con en nombre Alumno. Agregar al paquete un Java Interface con el nombre: IAlumno. Escribir el siguiente código:
package Alumno;
import java.sql.ResultSet;
public interface IAlumno {
public ResultSet Listar();
}
- En el paquete Alumno agregar un Java Class con el nombre: cls_alumno. Escribir el siguiente código:
package Alumno;
import Conexion.cls_conexion;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
public class cls_alumno extends cls_conexion implements IAlumno{
PreparedStatement stmt = null;
@Override
public ResultSet Listar() {
ResultSet rs = null;
try {
String sql = "SELECT * FROM tb_alumno";
stmt =
con().prepareStatement(sql);
rs = stmt.executeQuery();
} catch (Exception e) {
}
return rs;
}
}
- En el archivo index.jsp agregar escribir el siguiente código:
<%@page import="Alumno.cls_alumno"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Alumno.cls_alumno"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
cls_alumno objusu = new cls_alumno();
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Llenar
Combobox</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
></script>
<script type="text/javascript">
$(document).ready(iniciar);
function iniciar() {
$(".fila").hover(entraRaton,
saleRaton);
}
function
entraRaton() {
$(this).css("background-color", "#7A8BA1");
}
function
saleRaton() {
$(this).css("background-color", "white");
}
</script>
<style>
table{
width:
50%;
}
thead{
background-color:
#0070A8;
color:
#FFFFFF;
}
</style>
</head>
<body>
<center>
<h2>Listado de Almunos</h2>
<table>
<thead>
<th align="center">CODIGO</th>
<th align="center">NOMBRE</th>
<th align="center">APELLIDOS</th>
<th align="center">DNI</th>
<th align="center">EDAD</th>
<th align="center" colspan="2">MANTENIMIENTO</th>
</thead>
<tbody>
<%
ResultSet rss =
objusu.Listar();
while (rss.next()) {
%>
<tr class="fila">
<td>
<%= rss.getString(1)%></td>
<td>
<%= rss.getString(2)%></td>
<td>
<%= rss.getString(3)%></td>
<td>
<%= rss.getString(4)%></td>
<td>
<%= rss.getString(5)%></td>
<td align="center"> <a href="#" ><img src="img/Editar.png" title="Editar"/> </a> </td>
<td align="center"> <a href="#" ><img src="img/Borrar.png" title="Eliminar" />
</a> </td>
</tr>
<%
}
%>
</tbody>
</table>
</center>
</body>
</html>
- El código de la base de datos.
CREATE DATABASE IF NOT EXISTS prueba;
USE prueba;
DROP TABLE IF EXISTS `tb_alumno`;
CREATE TABLE `tb_alumno` (
`codigo` int(10) unsigned NOT NULL AUTO_INCREMENT,
`nombre` varchar(45) NOT NULL,
`apellidos` varchar(100) NOT NULL,
`dni`
char(8) NOT NULL,
`edad` int(10) unsigned NOT NULL,
PRIMARY KEY (`codigo`)
) ENGINE=InnoDB AUTO_INCREMENT=5
DEFAULT CHARSET=latin1;
INSERT INTO `tb_alumno` (`codigo`,`nombre`,`apellidos`,`dni`,`edad`) VALUES
(1,'NOE','LEON JACOBO','85213125',25),
(2,'JANINA','ZEVALLOS JACOBO','54545455',24),
(3,'WILFREDO','TORRES DAVILA','54505254',23),
(4,'JOSELIN','PEREZ CHAVEZ','54554555',26);
