如何使用云Firestore以表格形式获取django中的数据？

Question

1 2 3
I'm trying to get data in the form of a table, but the data is not being fetched, I don't know how to get the record, I'm using cloud firestore to get the data.

In my code I have used {{buldings.building}} to get the record but this is not fetching the record from the firebase.

here is my table code for table

<div class="row">
        
        <div class="col-lg-12 mb-4">
          <!-- Simple Tables -->
          <div class="card">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
             <a href="{% url 'building:registerBuilding'%}" class="btn btn-sm btn-primary"><i class="fas fa-plus-circle "></i> Add Building</a>
         </div>
            <div class="table-responsive">
              <table class="table align-items-center table-flush" id="buildingList">
                <thead class="thead-light">
                  <tr>
                    <th>BUILDING NAME</th>
                    <th>POSTAL CODE</th>
                    <th>CITY</th>
                    <th>STREET</th>
                    <th>HOUSE NO.</th>
                    <th>TOWN</th>
                    <th>ADDITIONAL INFO</th>
                    <th colspan="2">ACTION</th>
                    
                  </tr>
                </thead>

                <tbody>
             {% for building in buildings %}     
           <tr>  
              <td>{{ buildings.building }}</td>  
              <td>{{ buildings.postalCode }}</td>  
              <td>{{ buildings.city }}</td>
              <td>{{ buildings.houseNo }}</td>
              <td>{{ buildings.street }}</td>
              <td>{{ buildings.town }}</td>  
              <td>{{ buildings.additionalInfo }}</td>
              <td><a href="#" class="btn btn-primary btn-xs" data-title="Edit"  ><i class="glyphicon glyphicon-pencil"></i>Edit</a></p></td>
              <td><a href="#" class="btn btn-danger btn-xs" data-title="Delete"  ><i class="glyphicon glyphicon-trash"></i>Delete</a></p></td>  
             </tr>  
            {% endfor %}
               
               
               
              
                </tbody>
              </table>
            </div>
            <div class="card-footer"></div>
          </div>
        </div>
        
      </div>
    </div>
    
    <!---Container Fluid-->
  </div>

views.py file

def buildingMag(request):  

context = {
     'buildings': db.collection('Buildings').get()
}
return render(request,"EmployeeAdmin/buildingMag.html",context)

Answer 1

db.collection('Buildings').get() should return you a list of Firestore DocumentSnapshot which is sent to template context via buildings key. Looping through the buildings will let you populate the template(table) with each item on the list. Something like below.

In your views construct the dict from DocumentSnapshot and return the dict

views.py

buildings = db.collection('Buildings').get()
context = {
     'buildings': [building.to_dict() for building in buildings]
}

template.html

{% for building_obj in buildings %}
    <tr>
        <td>{{ building_obj.building }}</td>  
        <td>{{ building_obj.postalCode }}</td>  
        <td>{{ building_obj.city }}</td>
              ...
              ...
    </tr>
{% endfor %}