Cursos / Informática para Internet / Desenvolvimento Web I / Aula

arrow_back Aula 15 - Desenvolvendo uma livraria virtual – Parte 4

Mostrar conteúdo do carrinho

Vamos começar com a implementação da funcionalidade de apresentação do conteúdo do carrinho de compras. Considere a tela apresentada pela Figura 1. Dado que foi colocado livros no carrinho de compras, podemos, agora, acessar o link “Ver carrinho de compras” para visualizar o conteúdo do carrinho. A tela que apresenta o conteúdo do carrinho de compras é mostrada na Figura 2.

Tela do sistema após adicionar um livro ao carrinho de compras Tela de visualização do conteúdo do carrinho de compras

Para implementar a tela que mostra o conteúdo do carrinho, precisamos criar o arquivo mostrarCarrinho.jsp na pasta livros (lembre de sempre adicionar o cabecalho.jsp e rodape.jsp on inicio e fim dos seus JSPs com a diretiva <%@ include >). Vamos estudar agora o conteúdo desse arquivo, começando pela declaração do LivrariaBean:

Esse código é o mesmo utilizado na página de catálogo, servindo para criar e configurar o bean LivrariaBean. Já para mostrar o conteúdo do carrinho, primeiro, vamos confirmar que o carrinho está, realmente, com algum conteúdo. Esse teste é feito no código abaixo (<c:if >), mostrando, inclusive, a quantidade de itens existente no carrinho (${sessionScope.cart.numeroItens}). Note que a decisão sobre o uso do singular (1 livro) ou plural (2 livros, por exemplo) também é feita usando o comando <c:if>.

Em seguida, montamos uma tabela com um cabeçalho indicando as informações a serem apresentadas:

Depois disso, devemos apresentar os itens do carrinho, certo? Isso é feito usando uma instrução <c:forEach > para navegar nos itens do carrinho (objetos do tipo ItemCompra). Para cada item de compra, o livro é pego e armazenado. Informações como título e preço são apresentadas. Um link para visualizar os detalhes de cada livro e outro para removê-lo do carrinho também estão sendo criados usando-se a instrução <c:url >:

Além disso, temos que mostrar o total do valor da compra. Lembre-se de que o carrinho de compras tem um método chamado getTotal() para isso (${sessionScope.cart.total}):


Versão 5.3 - Todos os Direitos reservados