Listando atributos de dois Objetos com BootStrap

Front-end
, ,
#23

Amigo, muito obrigado novamente. Funcionou.

O meu front ficou assim:

<!DOCTYPE html> 
<html lang="pt-br" xmlns:th="http://www.thymeleaf.org"> 

<head> 
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet"  href="/webjars/bootstrap/css/bootstrap.min.css">
  <title>Listagem de Clientes</title> 
  <meta name="autor" content="Jameplay"/>
  <link rel="stylesheet" href="css/style.css">
  <script src="https://kit.fontawesome.com/006642858d.js"></script>
</head> 

<body>
  <div th:replace="fragmentos/fragmentos :: cabecalho"></div>       
  
  <div class="container" style="margin-top: 50px">
    <h3>Lista de clientes</h3>
     <hr>
     
     <div>
      <table class="table table-bordered table-hover">
        <thead>
          <th scope="col">Nome</th>
          <th scope="col">CPF</th>
          <th scope="col">RG</th>
          <th scope="col">RUA</th>
          <th scope="col">Numero</th>
          <th scope="col">Bairro</th>
          <th scope="col">CEP</th>
          <th scope="col">Telefone</th>
          <th scope="col">Celular</th>
          <th scope="col">E-mail</th>
          <th scope="col">Data de Cadastro</th>
          <th scope="col">Acão</th>
        </thead>
        
        <tbody>
          <tr scope="row" th:each="cliente: ${clienteList}">
            <td th:text="${cliente.pessoa.nome}"></td>
            <td th:text="${cliente.pessoa.cpf}"></td>
            <td th:text="${cliente.pessoa.rg}"></td>
            <td th:text="${cliente.pessoa.numero}"></td>
            <td th:text="${cliente.pessoa.bairro}"></td>
            <td th:text="${cliente.pessoa.cep}"></td>
            <td th:text="${cliente.pessoa.complemento}"></td>
            <td th:text="${cliente.pessoa.telefone}"></td>
            <td th:text="${cliente.pessoa.celular}"></td>
            <td th:text="${cliente.pessoa.email}"></td>
            <td th:text="${cliente.dataCadastro}"></td>
            <td>
              <a class="btn-edit btn-primary" th:href="@{editar/{codigo}(codigo=${cliente.codigo})}">
                <i class="fas fa-edit"></i>Editar
              </a>
              
              <a class="btn btn-danger" th:href="@{excluir/{codigo}(codigo=${cliente.codigo})}">
                <i class="fas fa-times"></i>Excluir
              </a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  
  <script src="webjars/jquery/3.5.1/jquery.min.js"></script>
  <script src="webjars/bootstrap/js/bootstrap.min.js"></script>
</body> 

</html>
1 curtida