使用Django Form解决表单数据无法动态刷新的两种方法

使用Django Form解决表单数据无法动态刷新的两种方法,第1张

概述一、无法动态更新数据的实例1.如下,数据库中创建了班级表和教师表,两张表的对应关系为“多对多”

一、无法动态更新数据的实例

1. 如下,数据库中创建了班级表和教师表,两张表的对应关系为“多对多”

from django.db import modelsclass 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,redirectfrom school import modelsfrom django.forms import Form,fIElds,Widgets#班级表单验证规则class ClsForm(Form):  Title = fIElds.RegexFIEld('老男孩',error_messages={'invalID': '请以 老男孩 开头'})#教师表单验证规则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,{'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,{'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,'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','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,'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 >  <a  href="/school/add_cls/" rel="external nofollow" >添加班级</a>    <table  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 >  <a  href="/school/add_tch/" rel="external nofollow" >添加教师</a>    <table  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 >{{ 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 ><h3 >添加教师</h3>  <form  action="/school/add_tch/" method="post">    {% csrf_token %} <div >  <label >姓名</label>  <div >   {{ obj.name }} {{ obj.errors.name.0 }}  </div> </div> <div >  <label >班级</label>  <div >      {{ obj.t2c }} {{ obj.errors.t2c.0 }}  </div> </div> <div >  <div >   <input type="submit"  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 ><h3 >编辑教师</h3>  <form  action="/school/edit_tch/{{ nID }}" method="post">    {% csrf_token %} <div >  <label >姓名</label>  <div >   {{ obj.name }} {{ obj.errors.name.0 }}  </div> </div> <div >  <label >班级</label>  <div >      {{ obj.t2c }} {{ obj.errors.t2c.0 }}  </div> </div> <div >  <div >   <input type="submit"  value="提交"></input>  </div> </div></form></div></body></HTML>

4. 数据不能同步

在班级表中新增一条记录

在教师表中新添加一名教师,发现无法获取上一步新增记录

5. 原因分析

在添加教师时,请求方式为GET,HTML标签由Form组件自动生成,其中的数据也是由Form组件提供

而TchForm作为一个类,在project运行起来后,其中的name和t2c字段都是类的变量,其只执行一次,就将数据保存在内存中,无论之后生成多少个TchForm对象,其中的字段的值都不变。

所以会出现教师表中的班级多选列表无法动态更新。

二、解决上述BUG的方法

每次更新数据库后重启project,让Form类重新初始化,能够让数据更新,但这显然是不切实际的。

知道了BUG的根源,我们可以尝试让每次生成TchForm对象时就更新数据:

方法一

1. 利用 __init__将数据库 *** 作放入对象变量中

 修改TchForm类

#教师表单验证规则class TchForm(Form):  name = fIElds.CharFIEld(max_length=16,Widget=Widgets.Textinput(attrs={'class': 'form-control'}))  t2c = fIElds.MultipleChoiceFIEld(    # choices=models.Classes.objects.values_List('ID',Widget=Widgets.SelectMultiple(attrs={'class': 'form-control'})  )  def __init__(self,*args,**kwargs):  # 自定义__init__    super(TchForm,self).__init__(*args,**kwargs) # 调用父类的__init__    self.fIElds['t2c'].choices = models.Classes.objects.values_List('ID','Title')  # 为字段t2c的choices赋值

2. 验证

 在班级表中新增一条记录

 再在教师表中添加

方法二

1. 利用django.forms.models模块中的queryset连接数据库

 修改TchForm类

#教师表单验证规则from django.forms import models as form_models # 导入django.forms.modelsclass TchForm(Form):  name = fIElds.CharFIEld(max_length=16,Widget=Widgets.Textinput(attrs={'class': 'form-control'}))  #重新定义字段  t2c = form_models.ModelMultipleChoiceFIEld(    # choices=models.Classes.objects.values_List('ID',queryset=models.Classes.objects.all(),# 利用queryset连接数据库,只能连接object类型    Widget=Widgets.SelectMultiple(attrs={'class': 'form-control'})  )

2. 验证

由于TchForm类中,queryset只能连接object类型,所以,需要设置models.py中的Classes类的返回值。

 设置models.py中的Classes类的返回值

class Classes(models.Model):  Title = models.CharFIEld(max_length=32)   def __str__(self):     return self.Title

在班级表中新增一条记录

再在教师表中添加

以上所述是小编给大家介绍的使用Django Form解决表单数据无法动态刷新的两种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!

总结

以上是内存溢出为你收集整理的使用Django Form解决表单数据无法动态刷新的两种方法全部内容,希望文章能够帮你解决使用Django Form解决表单数据无法动态刷新的两种方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1201901.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-04
下一篇 2022-06-04

发表评论

登录后才能评论

评论列表(0条)

保存