zoukankan      html  css  js  c++  java
  • 前端获取表数据的3种方式

    视图:

    def business(request):
    
        v1 = models.Business.objects.all()                             # 对象(Queryset)
        v2 = models.Business.objects.values('id','caption')        # 字典
        v3 = models.Business.objects.values_list('id','caption')     #列表 
    
        return render(request, 'business.html', {'v1':v1,'v2':v2,'v3':v3})
    
    
    def host(request):
    
        v1 = models.Host.objects.filter(nid__gt=0)
        for row in v1:
            print(row.nid,row.hostname,row.ip,row.port,row.b_id,row.b.caption,row.b.code,row.b,id,sep='	')
        # 跨表查询时,用双下滑线取元素
        v2 =models.Host.objects.filter(nid__gt=0).values('nid','hostname','b_id','b__caption')
        return render(request,'host.html',{'v1':v1,'v2':v2})

    单表前端:

        <h1>业务线列表(对象)</h1>
        {%  for row in v1 %}
            <li>{{ row.id }}-{{ row.caption }}-{{ row.code }}</li>
        {%  endfor  %}
        <h1>业务线列表(字典)</h1>
        {%  for row in v2 %}
            <li>{{ row.id }}-{{ row.caption }}</li>
        {%  endfor  %}
        <h1>业务线列表(列表)</h1>
        {%  for row in v3 %}
            <li>{{ row.0 }}-{{ row.1 }}</li>
        {%  endfor  %}

     跨表前端

                {% for row in v1 %}
                    <tr hid="{{ row.nid }}" bid="{{ row.b_id }}">
    {#                    <td>{{ row.nid }}</td>#}
                        <td>{{ row.hostname }}</td>
                        <td>{{ row.ip }}</td>
                        <td>{{ row.port }}</td>
    {#                    <td>{{ row.b_id }}</td>#}
                        <td>{{ row.b.caption }}</td>
    {#                    <td>{{ row.b.code }}</td>#}
                    </tr>
                {% endfor %}
    
                {% for row in v2 %}
                    <tr hid="{{ row.nid }}" bid="{{ row.b_id }}">
    {#                    <td>{{ row.nid }}</td>#}
                        <td>{{ row.hostname }}</td>
    {#                    <td>{{ row.b_id }}</td>#}
                        <td>{{ row.b__caption }}</td>
    {#                    <td>{{ row.b.code }}</td>#}
                    </tr>
                {% endfor %}
  • 相关阅读:
    光盘和U盘
    解决时间同步
    僵尸进程 和 孤儿进程
    Centos虚拟机设置网络模式
    常用CDN 和 后台管理模板
    微信小程序wxs如何使用
    kubernetes/client-go--使用 Clientset 获取 Kubernetes 资源对象
    samplecontroller
    volcano
    DNS欺骗
  • 原文地址:https://www.cnblogs.com/ray-mmss/p/10526744.html
Copyright © 2011-2022 走看看