使用Django Form解決表單數(shù)據(jù)無法動態(tài)刷新的兩種方法
更新時間：2017年07月14日 09:58:26 作者：jack-boy
這篇文章主要介紹了使用Django Form解決表單數(shù)據(jù)無法動態(tài)刷新的兩種方法,需要的朋友可以參考下
一、無法動態(tài)更新數(shù)據(jù)的實例
1. 如下，數(shù)據(jù)庫中創(chuàng)建了班級表和教師表，兩張表的對應(yīng)關(guān)系為“多對多”
from django.db import models class Classes(models.Model): title = models.CharField(max_length=32) class Teacher(models.Model): name = models.CharField(max_length=32) t2c = models.ManyToManyField(Classes)
2. views的功能有查看、添加、編輯班級或教師表
from django.shortcuts import render, redirect
from school import models
from django.forms import Form, fields, widgets
#班級表單驗證規(guī)則
class ClsForm(Form):
title = fields.RegexField('老男孩', error_messages={'invalid': '請以 老男孩 開頭'})
#教師表單驗證規(guī)則
class TchForm(Form):
name = fields.CharField(max_length=16, min_length=2, widget=widgets.TextInput(attrs={'class': 'form-control'}))
t2c = fields.MultipleChoiceField(
choices=models.Classes.objects.values_list('id', 'title'),
widget=widgets.SelectMultiple(attrs={'class': 'form-control'})
)
#查看班級列表
def classes(request):
cls_list = models.Classes.objects.all()
return render(request, 'classes.html', {'cls_list': cls_list})
#查看教師列表
def teachers(request):
tch_list = models.Teacher.objects.all()
return render(request, 'teachers.html', {'tch_list': tch_list})
#添加班級
def add_cls(request):
if request.method == 'GET':
obj = ClsForm()
return render(request, 'add_classes.html', {'obj': obj})
else:
obj = ClsForm(request.POST)
if obj.is_valid():
models.Classes.objects.create(**obj.cleaned_data)
return redirect('/school/classes/')
return render(request, 'add_classes.html', {'obj': obj})
#添加教師
def add_tch(request):
if request.method == 'GET':
obj = TchForm()
return render(request, 'add_teacher.html', {'obj': obj})
else:
obj = TchForm(request.POST)
if obj.is_valid():
tc = obj.cleaned_data.pop('t2c') # 獲取教師任課班級id
tch_obj = models.Teacher.objects.create(name=obj.cleaned_data['name']) # 添加新教師姓名
tch_obj.t2c.add(*tc) # 添加新教師任課班級
return redirect('/school/teachers/')
return render(request, 'add_teacher.html', {'obj': obj})
#編輯班級
def edit_cls(request, nid):
if request.method == 'GET':
cls = models.Classes.objects.filter(id=nid).first()
obj = ClsForm(initial={'title': cls.title})
return render(request, 'edit_classes.html', {'nid': nid, 'obj': obj})
else:
obj = ClsForm(request.POST)
if obj.is_valid():
models.Classes.objects.filter(id=nid).update(**obj.cleaned_data)
return redirect('/school/classes/')
return render(request, 'edit_classes.html', {'nid': nid, 'obj': obj})
#編輯教師
def edit_tch(request, nid):
if request.method == 'GET':
tch = models.Teacher.objects.filter(id=nid).first()
v = tch.t2c.values_list('id') # 獲取該教師任課班級的id
cls_ids = list(zip(*v))[0] if list(zip(*v)) else [] # 格式化為列表類型
obj = TchForm(initial={'name': tch.name, 't2c': cls_ids})
return render(request, 'edit_teacher.html', {'nid': nid, 'obj': obj})
else:
obj = TchForm(request.POST)
if obj.is_valid():
tc = obj.cleaned_data.pop('t2c') # 獲取修改后的任課班級id
# models.Teacher.objects.filter(id=nid).update(name=obj.cleaned_data['name']) # 更新教師姓名方法1
tch_obj = models.Teacher.objects.filter(id=nid).first()
tch_obj.name = obj.cleaned_data['name'] # 更新教師姓名方法2
tch_obj.save()
tch_obj.t2c.set(tc)
return redirect('/school/teachers/')
return render(request, 'edit_teacher.html', {'nid': nid, 'obj': obj})
3. html文件
classe：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>班級列表</title>
<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
</head>
<body>
<div style="width: 700px; margin: 30px auto">
<a class="btn btn-default" href="/school/add_cls/" rel="external nofollow" style="margin-bottom: 10px">添加班級</a>
<table class="table table-hover" border="1" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>班級</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for item in cls_list %}
<tr>
<td>{{ item.id }}</td>
<td>{{ item.title }}</td>
<td><a href="/school/edit_cls/{{ item.id }}" rel="external nofollow" >編輯</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>添加班級</title>
</head>
<body>
<h1>添加班級</h1>
<form action="/school/add_cls/" method="post">
{% csrf_token %}
<p>
{{ obj.title }} {{ obj.errors.title.0 }}
</p>
<input type="submit" value="提交">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>編輯班級</title>
</head>
<body>
<h1>編輯班級</h1>
<form action="/school/edit_cls/{{ nid }}" method="post">
{% csrf_token %}
<p>
{{ obj.title }} {{ obj.errors.title.0 }}
</p>
<input type="submit" value="提交">
</form>
</body>
</html>
teachers：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>教師列表</title>
<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
</head>
<body>
<div style="width: 700px; margin: 30px auto">
<a class="btn btn-default" href="/school/add_tch/" rel="external nofollow" style="margin-bottom: 10px">添加教師</a>
<table class="table table-hover" border="1" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>任教班級</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for item in tch_list %}
<tr>
<td>{{ item.id }}</td>
<td>{{ item.name }}</td>
<td>
{% for row in item.t2c.all %}
<span style="border: solid gray 1px">{{ row.title }}</span>
{% endfor %}
</td>
<td><a href="/school/edit_tch/{{ item.id }}" rel="external nofollow" >編輯</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>添加教師</title>
<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
</head>
<body>
<div style="width: 500px; margin: 20px auto">
<h3 style="width: 100px; margin: 10px auto">添加教師</h3>
<form class="form-horizontal" action="/school/add_tch/" method="post">
{% csrf_token %}
<div class="form-group">
<label class="col-sm-2 control-label">姓名</label>
<div class="col-sm-10">
{{ obj.name }} {{ obj.errors.name.0 }}
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">班級</label>
<div class="col-sm-10">
{{ obj.t2c }} {{ obj.errors.t2c.0 }}
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" class="btn btn-default" value="提交"></input>
</div>
</div>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>編輯教師</title>
<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
</head>
<body>
<div style="width: 500px; margin: 20px auto">
<h3 style="width: 100px; margin: 10px auto">編輯教師</h3>
<form class="form-horizontal" action="/school/edit_tch/{{ nid }}" method="post">
{% csrf_token %}
<div class="form-group">
<label class="col-sm-2 control-label">姓名</label>
<div class="col-sm-10">
{{ obj.name }} {{ obj.errors.name.0 }}
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">班級</label>
<div class="col-sm-10">
{{ obj.t2c }} {{ obj.errors.t2c.0 }}
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" class="btn btn-default" value="提交"></input>
</div>
</div>
</form>
</div>
</body>
</html>
4. 數(shù)據(jù)不能同步
在班級表中新增一條記錄
在教師表中新添加一名教師，發(fā)現(xiàn)無法獲取上一步新增記錄
5. 原因分析
在添加教師時，請求方式為GET，html標(biāo)簽由Form組件自動生成，其中的數(shù)據(jù)也是由Form組件提供
而TchForm作為一個類，在project運行起來后，其中的name和t2c字段都是類的變量，其只執(zhí)行一次，就將數(shù)據(jù)保存在內(nèi)存中，無論之后生成多少個TchForm對象，其中的字段的值都不變。
所以會出現(xiàn)教師表中的班級多選列表無法動態(tài)更新。
二、解決上述bug的方法
每次更新數(shù)據(jù)庫后重啟project，讓Form類重新初始化，能夠讓數(shù)據(jù)更新，但這顯然是不切實際的。
知道了bug的根源，我們可以嘗試讓每次生成TchForm對象時就更新數(shù)據(jù)：
方法一
1. 利用 __init__將數(shù)據(jù)庫操作放入對象變量中
修改TchForm類
#教師表單驗證規(guī)則
class TchForm(Form):
name = fields.CharField(max_length=16, min_length=2, widget=widgets.TextInput(attrs={'class': 'form-control'}))
t2c = fields.MultipleChoiceField(
# choices=models.Classes.objects.values_list('id', 'title'),
widget=widgets.SelectMultiple(attrs={'class': 'form-control'})
)
def __init__(self, *args, **kwargs): # 自定義__init__
super(TchForm, self).__init__(*args, **kwargs) # 調(diào)用父類的__init__
self.fields['t2c'].choices = models.Classes.objects.values_list('id', 'title') # 為字段t2c的choices賦值
2. 驗證
在班級表中新增一條記錄
再在教師表中添加
方法二
1. 利用django.forms.models模塊中的queryset連接數(shù)據(jù)庫
修改TchForm類
#教師表單驗證規(guī)則
from django.forms import models as form_models # 導(dǎo)入django.forms.models
class TchForm(Form):
name = fields.CharField(max_length=16, min_length=2, widget=widgets.TextInput(attrs={'class': 'form-control'}))
#重新定義字段
t2c = form_models.ModelMultipleChoiceField(
# choices=models.Classes.objects.values_list('id', 'title'),
queryset=models.Classes.objects.all(), # 利用queryset連接數(shù)據(jù)庫，只能連接object類型
widget=widgets.SelectMultiple(attrs={'class': 'form-control'})
)
2. 驗證
由于TchForm類中，queryset只能連接object類型，所以，需要設(shè)置models.py中的Classes類的返回值。
設(shè)置models.py中的Classes類的返回值
class Classes(models.Model):
title = models.CharField(max_length=32)
def __str__(self):
return self.title
在班級表中新增一條記錄
再在教師表中添加
以上所述是小編給大家介紹的使用Django Form解決表單數(shù)據(jù)無法動態(tài)刷新的兩種方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
Python中字典和集合學(xué)習(xí)小結(jié)
本文通過實例給大家介紹了python中字典和集合的知識小結(jié)，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-07-07
今天小編就為大家分享一篇利用python修改json文件的value方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了關(guān)于python中map函數(shù)的使用,map函數(shù)也是python中的一個內(nèi)置函數(shù)，用法同之前講過的filter函數(shù)類似,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了Python中的迭代器漫談,本文主要講解range函數(shù)和xrange函數(shù)性能區(qū)別,需要的朋友可以參考下2015-02-02
學(xué)習(xí)wxpython的朋友，可以看下，了解下wxpython2009-03-03
這篇文章主要介紹了TensorFlow2如何實現(xiàn)前向傳播，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-09-09
本文主要介紹了Python 列表(List)的三種遍歷(序號和值)方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
在Python中,open()函數(shù)用于打開文件,并返回一個文件對象,可以使用該對象來讀取或?qū)懭胛募?shù)據(jù),本文主要介紹了python中open用法的使用指南,感興趣的可以了解一下2023-12-12
Python實現(xiàn)指定數(shù)組下標(biāo)值正序與倒序排序算法功能舉例
在程序中,經(jīng)常需要按數(shù)組倒序或反序重新排列數(shù)組,下面這篇文章主要給大家介紹了關(guān)于Python實現(xiàn)指定數(shù)組下標(biāo)值正序與倒序排序算法功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
Python實現(xiàn)標(biāo)記數(shù)組的連通域
這篇文章主要為大家詳細(xì)介紹了如何通過Python實現(xiàn)標(biāo)記數(shù)組的連通域，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)Python有一定的幫助，需要的可以參考一下2023-04-04