Au 06 - Bakc-end - Node.js - Listagem de produtos - Mestres BEGIN

3 views1015 WordsCopy TextShare
Mestres da Web
Faaaaalaaa Meeeestrees!! 🚀Como vão as coisas por aí? Nesta aula, vamos mergulhar de forma mestre no...
Video Transcript:
certo agora aqui nessa aula a gente vai fazer a listagem né a gente vai listar todos os nossos produtos Lembrando que nesse cara aqui eu não vou trabalhar com paginação que seria a forma correta de listar todos os produtos tá basicamente vou no banco de dados fal vê todos os caras aí me retorna tá é porém sim daria para trabalhar com página já dessa forma que a gente está fazendo então aqui nem da pasta J cas E products por que eu criei uma pasta chmada products Porque tipo se a gente quisesse ter um cadastro de
marca aí basicamente era só um US Case uma pasta chamado marca e dentro de marca a gente teria o Create Mark list marca e etc Tá então vamos lá vamos fazer agora o de deag eu vou copiar isso daqu de cima pra gente conseguir agilizar o tempo e aqui embaixo eu vou colocar um list product e basicamente aqui também eu vou mudar um lit product nesse cara aqui eu vou apagar tudo e eu vou fazer o seguinte eu vou continuar com aqui que eu preciso que que essa chamada seja assíncrona porque ela vai buscar todos
os dados do banco de dados e aqui eu vou dar um F que basicamente o f é do próprio também que ele vai buscar esses produtos para mim aqui eu vou colocar produtos salvar belezinha eh e aqui agora no meu na minha rota e basicamente eu só vou pegar esse cara daqui eh list products list product vou passar aqui list products beleza basicamente isso e aqui vou fazer o seguinte eu vou copiar vou duplicar esse cara aqui aqui ele vai ser agora um get ele não vai passar nenhum dado eu vou dar um send e
agora ele tá retornando os três celulares para mim Leandro porque a gente tem três celulares que nem eu falei eu tinha testado uma vez antes outra vez a gente codou sem um aass a88 ele funcionou ele salvou no banco de dados porém o Nossa o Nossa aplicação ela não esperou a resposta do banco de dados por isso que ela ou vazio e o e o último que a gente salvou correto ali no banco Beleza então show aqui a gente agora já consegue eh trazer um produto eh não tava planejado aqui na aula mas eu vou
fazer mais no caro aqui eu vou fazer o trazer o produto por ID Tá então vamos lá para trazer esse produto por ID eu vou fazer o seguinte eu vou criar uma nova rota aqui embaixo como essaa ficou bem rápido acho que a gente consegue fazer aqui nela e aqui eu posso colocar id e agora aqui de vez tem list products eu vou ter com by ID prod beleza e aqui vai ser a mesma coisa vai ID prods find eu vou fazer o seguinte a gente já tem um cara que se chama by a gente
precisa pegar esse id e esse ID aqui como bend ele como parâmetro e a gente já vai ver a diferença tá quando a gente quer enviar pra nossa aplicação como parâmetro ou como b a gente já viu ali como B agora como parâmetro então p com ID esse ID ele é uma stream e basicamente ele vai receber de head pbn beleza Só isso tá aqui e aqui e agora aqui é produto de no em produto de novo é E aí eu tenho quear esse cara lá e chamar aqui e basicamente chamar aí importar Tá o
que que eu fiz aqui vamos lá fiz meem rápido esqueci de explicar aqui eu vou receber ele como parâmetro então o parâmetro é o que vai vir na URL então eu vou ter o nome da minha rota produtos barra e vou ter o ID do meu produto que aí eu só vou trazer um único produto mas para que isso serve imagina se quando eu vou trazer mais só o único produto eu quero trazer mais informações dele então na listagem eu trago sei lá nome preço e aqui eu quero trazer tipo o produto por completo eu
quero trazer todos os detalhes do produto e aí eu passar ali o ID do produto estaria todos os detalhes eu não vou filtrar ali na primeira listagem porque não era nem um intuito trazer esse cara aqui mas acho que faz bastante sentido para você saber que você consegue buscar o único dado também no banco de dados tá não faz parte da operação do cru cru com já tava naquelas quatro operações que a gente esta fazendo aquelas quatro rotas mas essa rota aqui eu acho interessante para você saber que dá para trazer o único produto também
tá então vamos lá tem get Opa vamos duplicar Esse cara é vou criar e aqui eu só vou diferenciar um do outro eu vou colocar assim Opa rename products e aqui nesse cara eu vou passar o bar e aqui nesse bar eu vou ter que passar o ID do meu produto aqui para saber o id eu eu bato aqui no banco ele já gera esse ID automaticamente aqui no banco de dados E aí cada produto tem um ID diferente é só eu vi aqui na frente passar esse id e aqui eu trouxe um único produto
se eu não passar um ID então ele traz todo se eu passar um ID ele traz um produto se eu passar um ID inválido ele dá e trava minha aplicação eu não vou tratar isso agora porque que nem eu falei não faz muito sentido mas vamos lá agora a gente fez duas rotas aqui nessa aula então a gente fez a rota de listar todos os produtos e listar um único produto falta a rota ainda de atualização e de deteção que vai ficar muito mais claro porque a gente já fez essa rota aqui então é meio
caminho andado então isso daí Espero que você tenha entendido e até a próxima aula
Copyright © 2025. Made with ♥ in London by YTScribe.com