Untitled

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="com.latam.jpacrud.modelo.Usuario"%>
<%@page import="com.latam.jpacrud.vo.UsuarioVO"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="charset=ISO-8859-1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
    <!-- Inicio Header -->
    <nav class="navbar navbar-light bg-light">
        <a class="navbar-brand" href="#">JSP CRUD</a>
    </nav>
    <!-- Fin Header -->

    <!-- Inicio Contenido -->
    <div class="p-3">

        <!-- Botón agregar usuario -->
        <a href="agregarForm" class="btn m-2 btn-success">Agregar usuario</a>

        <!-- Inicio Tabla -->
        <table border="1" class="table table-hover">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">IdUsuario</th>
                    <th scope="col">Nombre</th>
                    <th scope="col">Clave</th>
                    <th scope="col">Rut</th>
                    <th scope="col">Acciones</th>
                </tr>
            </thead>
            <tbody>
                <c:forEach items="${VO.usuarios}" var="u">
                    <tr>
                        <td>${u.getIdusuario()}</td>
                        <td>${u.getNombre()}</td>
                        <td>${u.getClave()}</td>
                        <td>${u.getRut()}-${u.getDv()}</td>
                        <td>
                            <a href="editarForm?idUsuario=${u.getIdusuario()}" class="btn btn-primary btn-sm">Editar</a>
                            <a href="eliminar?idUsuario=${u.getIdusuario()}" class="btn btn-danger btn-sm">Eliminar</a>
                        </td>
                    </tr>
                </c:forEach>

            </tbody>
        </table>
        <!-- Fin tabla -->
    </div>

    <!-- Fin Contenido -->

    <!-- Script para Bootstrap -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script></body>

</html>