L_Augety 2022-08-28 01:31 采纳率: 66.7%
浏览 36
已结题

django 数据库一对多查询拿到json数据后,怎么渲染到前端html页面?

django中 已经一对多查询完成返回json数据了,如何让前端html拿到json数据并渲染到前端html里面,进行for循环,

img

img

  • 写回答

1条回答 默认 最新

  • honestman_ 2022-08-28 09:18
    关注

    传入context字典,就可以让前端通过{{}}或者{% %}的形式进行访问了

       context = {
            'customer': customer,
            'c_count': c_count,
            'order': order,
            'o_count': o_count,
        }
        return render(request, 'aoapp/home.html',context)
    
    
      <h3>Total Customer: {{ c_count }}</h3>
      <table class="table">
                        <thead class="table-dark">
                        <tr>
                            <th scope="col">C_ID</th>
                            <th scope="col">Name</th>
                            <th scope="col">Phone</th>
                            <th scope="col">Email</th>
                            <th scope="col">Time</th>
                            <th scope="col">View</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for i in customer reversed %}
                            <tr>
                                <th scope="row">{{ i.id }}</th>
                                <td>{{ i.name }}</td>
                                <td>{{ i.phone }}</td>
                                <td>{{ i.email }}</td>
                                <td>{{ i.time_cteated }}</td>
                            </tr>
                        {% endfor %}
    
                        </tbody>
                    </table>
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 11月11日
  • 已采纳回答 11月3日
  • 创建了问题 8月28日

悬赏问题

  • ¥15 帮我解决一下膳食平衡的线性规划模型的数据实例
  • ¥40 万年历缺少农历,需要和阳历同时显示
  • ¥250 雷电模拟器内存穿透、寻基址和特征码的教学
  • ¥200 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"
  • ¥20 基于决策树的数字信号处理,2ask 2psk 2fsk的代码,检查下报错的原因