django学习笔记---Form表单应用及获取关联表单数据的3种方式(列表，字典，元祖)。

程序员文章站 2022-04-25 15:47:22

...

form表单应用

官方参考文档：https://yiyibooks.cn/xx/Django_1.11.6/topics/forms/index.html

form

class LoginForm(forms.Form):
    username = forms.CharField(required=True,max_length=20)
    password = forms.CharField(required=True,min_length=5)

views

form = LoginForm()
return render(request,'test.html',{"form":form})

前端

<body>
{{ form.username.label_tag }}
{{ form.username }}
</body>

django学习笔记---Form表单应用及获取关联表单数据的3种方式(列表，字典，元祖)。

注：从form.username 转成的html，里面有个name="username"，如果自己写前端的话一定要定义这个name属性，值为form字段的名字，不然form表单无法接收到这个值也就无法验证。这样产生的后果就是：你在前端填写了值，但是form表单的username字段没有接收到这个值（此时form里的username为空），正巧你的model和form都可以允许为空值，那么就会把空值替换掉数据库中原来的值（如果form设置instance的话）。

此外还有这些操作

{{ form.as_table }} 以表格的形式将它们渲染在<tr> 标签中
{{ form.as_p }} 将它们渲染在<p> 标签中
{{ form.as_ul }} 将它们渲染在<li> 标签中

如果要定义中文的label

    username = forms.CharField(required=True,max_length=20,label="用户名")

<body>
{{ form.username.label }}<br/>     // 获取form的label，没有则是字段名
{{ form.username.label_tag }}<br/>  // 转成html
{{ form.username.id_for_label }}   // 获取id值
</body>

django学习笔记---Form表单应用及获取关联表单数据的3种方式(列表，字典，元祖)。

获取数据

app01下

models.py

class Business(models.Model):
    caption = models.CharField(max_length=32)

class Host2(models.Model):
    nid = models.AutoField(primary_key=True)
    hostname = models.CharField(max_length=32,db_index=True)
    ip = models.GenericIPAddressField(protocol="ipv4",db_index=True)
    port = models.IntegerField()
    b = models.ForeignKey(to="Business", to_field='id')

django学习笔记---Form表单应用及获取关联表单数据的3种方式(列表，字典，元祖)。

views.py

def host(request):
    # 创建一个主机业务host，主机业务的一个键关联到Business的 caption（业务线名称键）
    # 1.列表形式
    w1 = models.Host2.objects.all()
    print(w1)  # <QuerySet [{'nid': 1, 'hostname': '苹果', 'ip': '1.1.1.1.1', 'port': 22, 'b_id': 2, 'b__caption': '开发', 'b': 2},
    # 2.字典形式
    w2 = models.Host2.objects.all().values('nid','hostname','ip','port','b_id','b__caption','b')
    print(w2)  # <QuerySet [{'nid': 1, 'hostname': '苹果', 'ip': '1.1.1.1.1', 'port': 22, 'b_id': 2, 'b__caption': '开发', 'b': 2}, ...]>
    # 3.元祖形式
    w3 = models.Host2.objects.all().values_list('nid','hostname','ip','port','b_id','b__caption','b')
    print(w3)  # <QuerySet [(1, '苹果', '1.1.1.1.1', 22, 2, '开发', 2), (2, '宏基', '2.2.2.2', 88, 1, '运维部', 1),...]>
    return render(request, 'host.html', {'w1':w1,'w2':w2,'w3':w3})

host.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div><h3>对象 </h3></div>
    <table border="1">
        <thead>
            <tr>
                <td>主机名</td>
                <td>ip</td>
                <td>端口</td>
                <td>业务线名称</td>
            </tr>
        </thead>
        <tbody>
            {% for row in w1 %}
                <tr hid="{{ row.nid }}" >    <!--不显示nid，可以存放在tr中，便于以后取,目前不知道怎么取 -->
                    <td>{{ row.hostname }}</td>
                    <td>{{ row.ip }}</td>
                    <td>{{ row.port }}</td>
                    <td>{{ row.b.caption }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    <div><h3>字典 </h3></div>
    <table border="1">
        <thead>
            <tr>
                <td>主机名</td>
                <td>ip</td>
                <td>端口</td>
                <td>业务线名称</td>
            </tr>
        </thead>
        <tbody>
            {% for row in w2 %}
                <tr hid="{{ row.nid }}" >    <!--不显示nid，可以存放在tr中，便于以后取 -->
                    <td>{{ row.hostname }}</td>
                    <td>{{ row.ip }}</td>
                    <td>{{ row.port }}</td>
                    <td>{{ row.b__caption }}</td>     <!--在模板语言中取外键的值需要加__-->
                </tr>
            {% endfor %}
        </tbody>
    </table>
    <div><h3>元组 </h3></div>
    <table border="1">
        <thead>
            <tr>
                <td>主机名</td>
                <td>ip</td>
                <td>端口</td>
                <td>业务线名称</td>
            </tr>
        </thead>
        <tbody>
            {% for row in w3 %}
                <tr hid="{{ row.0 }}" >    <!--不显示nid，可以存放在tr中，便于以后取 -->
                    <td>{{ row.1 }}</td>
                    <td>{{ row.2 }}</td>
                    <td>{{ row.3 }}</td>
                    <td>{{ row.5 }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</body>
</html>

上一篇： iView中Form表单的验证（自定义验证、动态增减项验证）

下一篇： form表单验证封装