栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

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

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

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

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
#班级表单验证规则
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, '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:




  
  班级列表
  



  添加班级
    
 {% for item in cls_list %}
   
 {% endfor %}
      
ID 班级 操作
{{ item.id }} {{ item.title }} 编辑




  
  添加班级


添加班级





  
  编辑班级


编辑班级


 teachers:




  
  教师列表
  



  添加教师
    
 {% for item in tch_list %}
   
 {% endfor %}
      
ID 姓名 任教班级 操作
{{ item.id }} {{ item.name }} {% for row in item.t2c.all %} {{ row.title }} {% endfor %} 编辑



  
  添加教师
  



添加教师




  
  编辑教师
  



编辑教师


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, 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) # 调用父类的__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.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连接数据库,只能连接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解决表单数据无法动态刷新的两种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/32489.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号