Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Aedii-2024-I - Ejercicio 2 - Sem 1

    Cargado por

    vvr777
    5 vistas9 páginas
    Este documento describe los pasos para crear un segundo ejercicio en Spring utilizando listas (colecciones). Primero, se crea un nuevo proyecto Spring con paquetes Controller y Model. Luego, se crea una clase Usuario en el paquete Model y una clase UsuarioController en el paquete Controller. Finalmente, se programa el Controller para crear una lista de objetos Usuario y pasarla a la vista.

    Descripción original:

    Ejercicio 1 de Algoritmo y Estructura de Datos 2

    Título original

    AEDII-2024-I - EJERCICIO 2 - SEM 1

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento describe los pasos para crear un segundo ejercicio en Spring utilizando listas (colecciones). Primero, se crea un nuevo proyecto Spring con paquetes Controller y Model. Luego, se crea una clase Usuario en el paquete Model y una clase UsuarioController en el paquete Controller. Finalmente, se programa el Controller para crear una lista de objetos Usuario y pasarla a la vista.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas9 páginas

    Aedii-2024-I - Ejercicio 2 - Sem 1

    Cargado por

    vvr777
    Este documento describe los pasos para crear un segundo ejercicio en Spring utilizando listas (colecciones). Primero, se crea un nuevo proyecto Spring con paquetes Controller y Model. Luego, se crea una clase Usuario en el paquete Model y una clase UsuarioController en el paquete Controller. Finalmente, se programa el Controller para crear una lista de objetos Usuario y pasarla a la vista.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 9

    Ejercicio 2

    Curso: Algoritmos y Estructura de Datos II


    / Semana I
    2024-I

    CREAR UN SEGUNDO EJERCICIO EN SPRING – LISTA (COLECCIONES)


    1. Creamos un nuevo proyecto 2. Colocamos el nombre y siguiente

    Pá gin a 1 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    3. Aparte de elegir WEB y THYMELEAF, se elegirá DEVTOOLS 4. Creamos paquetes sobre la base uno CONTROLER y otro MODEL

    Pá gin a 2 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    5. Creamos un nueva clase en el primer paquete creado 7. En el paquete MODEL creamos una clase Usuario

    6. Con el nombre UsuarioController

    Pá gin a 3 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    8. Primero se va programará en el Controller un pequeño perfil


    Se puede usar @RequestMapping o @GetMapping para llamar a la
    vista
    No olvidar colocar @Controller

    @Controller
    public class UsuarioController {

    @RequestMapping("/perfil")
    public String getPerfil(Model model) {
    Usuario usu=new Usuario();
    usu.setApe("Toledo Cruz");
    usu.setNom("Luis Enrique");
    usu.setPass("987654321");
    usu.setUsu("ltoledoc");
    model.addAttribute("usuario", usu);
    return "perfil";
    }
    }

    Lo que esta resaltado en amarrillo todavía hasta programar el Model


    private String ape;
    private String nom;
    private String pass;
    private String usu;
    luego generar los gets and sets

    Pá gin a 4 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    9. Quedara de la siguiente forma 10. Aplicamos un formato

    private String ape;


    private String nom;
    private String pass;
    private String usu;
    public String getApe() {
    return ape;
    }
    public void setApe(String ape) {
    this.ape = ape;
    }
    public String getNom() {
    return nom;
    }
    public void setNom(String nom) {
    this.nom = nom;
    }
    public String getPass() {
    return pass;
    }
    public void setPass(String pass) {
    this.pass = pass;
    }
    public String getUsu() {
    return usu;
    }
    public void setUsu(String usu) {
    this.usu = usu;
    }

    Pá gin a 5 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    11. Lo cual hará ver de una manera más ordena el código 12. Guardamos la hoja con CONTROL+S
    13. Y nos trasladamos al controller donde se creará un objeto tipo
    Usuario agregando datos con el set

    Usuario usu=new Usuario();


    usu.setApe("Toledo Cruz");
    usu.setNom("Luis Enrique");
    usu.setPass("987654321");
    usu.setUsu("ltoledoc");
    model.addAttribute("usuario", usu);
    14. Guardamos la hoja con CONTROL+S
    15. Para este ejercicio necesitaremos crear el perfil.html que agregamos en el
    controller.

    Pá gin a 6 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    16. Copiamos el formato


    17. Y empezamos a programar en html

    <!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8" />
    <title>Datos Personales</title>
    </head>
    <body>
    <span th:text="${usuario.ape}"></span>
    <span th:text="${usuario.nom}"></span>
    <br>
    <span th:if="${usuario.usu}"
    th:text="${usuario.usu}"></span>
    <span th:if="${usuario.usu == null}">El usuario no
    existe!!!</span></br>
    <span th:if="${usuario.pass}"
    th:text="${usuario.pass}"></span>
    <span th:if="${usuario.pass == null}">Falta asignar el
    Password!!!</span>

    </body>
    </html>

    Demostramos los filtros como del usuario y contraseña comentando en


    el controller

    Pá gin a 7 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    18. Guardamos y ejecutamos colocando el alias del controller 20. Se verá de la siguiente forma

    19. Seguimos un ejemplo de lista en el mis o ejercicio así que programaos


    el controller
    ArrayList<Usuario> listaUsu=new ArrayList<>();
    @RequestMapping("/listar")
    public String getListar(Model model) {
    listaUsu.add(new Usuario("Toledo Cruz", "Luis
    Enrique", "ltoledoc", "987654321"));
    listaUsu.add(new Usuario("Seminario Salazar",
    "Rosalva", "rseminarios", "sem123"));
    listaUsu.add(new Usuario("Santillaña Hernandez",
    "Jorge", "jsantillñah", "xSd1456"));
    listaUsu.add(new Usuario("Apeña Carbajal",
    "Reina", "rapeñac", "WWW999"));
    model.addAttribute("usuarios",listaUsu);
    return "listar";
    }
    Lo resaltado de amarrillo se colocará después de modificar el Modal (Bean)
    Creamos un constructor usando campos

    Y luego sin ellos

    Pá gin a 8 / 9
    Ejercicio 2
    Curso: Algoritmos y Estructura de Datos II
    / Semana I
    2024-I

    21. Añadimos en el controller lo resaltado en verde <!DOCTYPE html>


    <html xmlns:th="http://www.thymeleaf.org">
    ArrayList<Usuario> listaUsu=new ArrayList<>(); <head>
    @RequestMapping("/listar") <meta charset="ISO-8859-1">
    public String getListar(Model model) { <title>Insert title here</title>
    listaUsu.add(new Usuario("Toledo Cruz", "Luis </head>
    Enrique", "ltoledoc", "987654321")); <body>
    listaUsu.add(new Usuario("Seminario Salazar", <div th:if="${usuarios.isEmpty()}">no hay usuarios en la
    "Rosalva", "rseminarios", "sem123")); lista!</div>
    listaUsu.add(new Usuario("Santillaña Hernandez",
    "Jorge", "jsantillñah", "xSd1456")); <table th:if="${not usuarios.isEmpty()}">
    listaUsu.add(new Usuario("Apeña Carbajal", <thead>
    "Reina", "rapeñac", "WWW999")); <tr>
    model.addAttribute("usuarios",listaUsu); <th>Apellido</th>
    return "listar"; <th>Nombre</th>
    } <th>Usuario</th>
    <th>Password</th>
    </tr>
    22. Ahora se tiene que crear el lista.html, donde se copia el formato tal </thead>
    cual como se realizó antes. <tbody>
    <tr th:each="usuario: ${usuarios}">
    <td th:text="${usuario.ape}"></td>
    <td th:text="${usuario.nom}"></td>
    <td th:text="${usuario.usu}"></td>
    <td th:text="${usuario.pass}"></td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    23. Guardamos y ejecutamos el programa, y colocamos el alias

    Pá gin a 9 / 9

    También podría gustarte