Home / user-308084

Milo.7725's questions

Martin Hope
Milo.7725
Asked: 2022-10-22 05:50:37 +0800 CST
  • 0

I am doing a scraping project with BeautifulSoup, for which I have created a dictionary within a for loop so that this cycle is repeated for all the containers of the website from which I am scraping them, it prints everything correct in the terminal.

The problem is when I want to display the data from this dictionary in an HTML template, if I use:

{% for b in buscar %}

And I start calling each of the dictionary values ​​to sort them into a container with

{{ b.nombre }}

When executing it, it shows me the empty container repeating the number of times as values ​​the dictionary has.

I understand that it is an error in the HTML loop because in the views everything works fine for me. And if I don't put the for loop in HTML it just shows me the last scraped element.

Here I leave the code of views.py

busqueda = dict() 
product_list = soup.find_all('div', attrs= {'class':'grid-item'})
        
        for product in product_list: 
            busqueda['imagen'] = product.find('img', attrs= {'class':'no-js','srcset':True})
            busqueda['nombre'] = product.find('p').text
            busqueda['precio'] = product.find('small', attrs= {'aria-hidden':'true'}).text
            sleep(randint(3, 5))
            print(busqueda)

context = {"buscar": busqueda} 
return render(request, "index.html", context)

code in html

{% for b in buscar %}
<div class="card" style="width: 18rem; margin-left: 5px; margin-right: 5px;">
   <img src="{{ b.imagen }}" class="card-img-top">
   <div class="card-body">
      <h5 class="card-title">{{ b.nombre }}</h5>
      <p class="card-text">{{ b.precio }}</p>
   </div>
</div>
{% endfor %}

In this case, the .card container would be displayed 3 times for the 3 values ​​that

 tiene el diccionario (imagen, nombre, precio).

I would really appreciate it if you could help me, I've been at this for days.

html