一、定义ModelForm类

# 创建部门表单校验

class DepartmentForm(forms.ModelForm):
class Meta:
model = models.Department #关联到Models中的表名Department
fields = '__all__' #获取Department表中的所有对象,也可以写成列表['depName','depDes'],指定要获取的对象,而且是有顺序的
labels = {
'depName': '部门名称',
'depDes': '职责描述',
}
widgets = { #设置插件,type类型和类名等属性
'depName': forms.TextInput(attrs={'class': 'form-control','placeholder':'请输入部门名称'}),
'depDes': forms.TextInput(attrs={'class': 'form-control','placeholder':'请输入部门职责描述'}),
}

class Meta:下常用参数:

model = models.Department    # 对应的Model中的类
fields = "__all__"            # 字段,如果是__all__,就是表示列出所有的字段,也可以写成列表['title','price'],指定要获取的对象
exclude = None             # 排除的字段
labels = None                # 提示信息
help_texts = None              # 帮助提示信息
widgets = None             # 自定义插件,form组件里是widget,ModelForm组件里是widgets
error_messages = None         # 自定义错误信息

其中label属性可以不在ModelForm这里面写,也可以在models.py中的Depart表中各个对象定义verbose_name属性值,用于非ForeignKey对象,
推荐这种写法,在Admin系统中也可以显示这里定义的verbose_name值

class Depart(models.Model):
depName = models.TextField(max_length=32, verbose_name='部门名称')
depDes = models.TextField(max_length=64, black=True, null=True, verbose_name='职责描述')

二、批量添加样式

可通过重写ModelForm类的init方法来实现。

# 创建部门表单校验

class DepartmentForm(forms.ModelForm):
depName = forms.TextField(validators=[],) #如果depName字段存在,就代表重写这个字段
count = forms.TextField(validators=[],) #如果count字段不存在,就代表新增这个字段,models文件中不存在这个字段
class Meta:
model = models.Department #model和fields都是固定写法,不能写
fields = '__all__'
labels = {
'depName': '部门名称',
'depDes': '职责描述',
}
widgets = {
'depName': forms.TextInput(attrs={'placeholder':'请输入部门名称'}),
'depDes': forms.TextInput(attrs={'placeholder':'请输入部门职责描述'}),
'purchase_date': forms.widgets.DateInput(attrs={'type': 'date'}),
'expiration_date': forms.widgets.DateInput(attrs={'type': 'date'}), }
error_messages = { #这里的error_messages只能写默认存在的校验字段
'depName':{
'required':'不能为空'
}
}
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
for field in self.fields.values():
field.widget.attrs.update({'class': 'form-control'}) class DepartAdd(View):
def get(self, request):
form_obj = DepartmentForm()
return render(request, 'departadd.html', {'form_obj': form_obj}) def post(self, request):
form_obj = DepartmentForm(request.POST)
print(form_obj)
if form_obj.is_valid():
# models.Department.objects.create(**form_obj.cleaned_data)
form_obj.save() #直接save()方法就可以保存
return redirect(reverse('departList'))

三、部门添加、修改例子(FVB版)

部门添加

def depart_add(request):
form_obj = departForm.DepartForm()
if request.method == 'POST':
form_obj = departForm.DepartForm(request.POST)
if form_obj.is_valid():
form_obj.save()
return redirect(reverse('depart_list'))
return render(request, 'depart/depart_add.html', {'form_obj': form_obj})

部门修改

def depart_edit(request, pk):
form_edit = models.Depart.objects.filter(pk=pk).first()
form_obj = departForm.DepartForm(instance=form_edit)
if request.method == 'POST':
form_obj = departForm.DepartForm(request.POST, instance=form_edit) #这里要将当前对象作为一个实例传给ModelForm
# 如果没有修改,则不需要校验
depart_name_new = request.POST.get('depart_name', None)
if form_edit.depart_name == depart_name_new:
# 部门描述不需要校验,直接更新保存
form_edit.depart_desc = request.POST.get('depart_desc', None)
form_edit.save()
return redirect(reverse('depart_list'))
# 如果修改了值,就调用DepartForm校验,注意用instance表示将当前对象传给Modelform校验,模板中字段仍然可以自动生成
elif form_obj.is_valid():
form_obj.save()
return redirect(reverse('depart_list'))
return render(request, 'depart/depart_edit.html', {'form_edit': form_edit, 'form_obj': form_obj})

前端页面

展示页面depart_list.html

<table class="form-horizontal table table-bordered" style="margin-top: 10px">
<thead>
<tr>
<th>ID</th>
<th>用户名称</th>
<th>密码</th>
<th>所属部门</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for user in user_all %}
<tr>
<td>{{ forloop.counter }}</td>
<td>{{ user.username }}</td>
<td>{{ user.pwd }}</td>
{# <td>{{ user.depart.depart_name}}</td>#} #这里可以通过depart外键.depart_name来获取部门名称进行前端页面显示
<td>{{ user.depart }}</td> #也可以通过在models.py中给Depart类写__str__方法,这里就不需要用点方法了
<td>
<a href="{% url 'user_edit' user.pk %}"><i class="fa fa-edit fa-2x"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="del" del_obj="user" del_id="{{ user.pk }}"><i class="fa fa-trash-o fa-2x" style="cursor: pointer;"></i></a>
</td>
</tr>
{% endfor %}
</tbody>
</table>

修改页面depart_edit.html

<form action="" method="post" class="form-horizontal">
{% csrf_token %}
<div class="form-group {% if form_obj.depName.errors %}has-error{% endif %}">
<label for="{{ form_obj.depName.id_for_label }}" class="col-lg-2 control-label">{{ form_obj.depName.label }}</label>
<div class="col-lg-6">
{{ form_obj.depName }}
</div>
<span class="help-block">{{ form_obj.errors.0 }}</span>
</div> bootstrape样式中使用has-error和help-block类渲染错误提示效果

models.py

from django.db import models

# Create your models here.
class Depart(models.Model):
depart_name = models.CharField(max_length=32, verbose_name='部门名称')
depart_desc = models.CharField(max_length=64, verbose_name='部门描述') #通过写__str__方法,前端直接调用depart对象时就可以直接获取到depart_name的值了
def __str__(self):
return self.depart_name class User(models.Model):
username = models.CharField(max_length=32, verbose_name='用户名')
pwd = models.CharField(max_length=32, verbose_name='密码')
depart = models.ForeignKey(to='Depart', verbose_name='所属部门')

四、代码合并

1、depart_all.html模板代码合并

未合并写法,写了多个form-group,重复

<form action="" method="post" class="form-horizontal" novalidate>
{% csrf_token %}
<div class="form-group {% if form_obj.depart_name.errors %}has-error{% endif %}">
<label for="{{ form_obj.depart_name.id_for_label }}" class="col-lg-2 control-label">
{{ form_obj.depart_name.label }}
</label>
<div class="col-lg-6">
{{ form_obj.depart_name }}
<span class="help-block">{{ form_obj.depart_name.errors.0 }}</span>
</div>
</div> <div class="form-group {% if form_obj.depart_desc.errors %}has-error{% endif %}">
<label for="{{ form_obj.depart_desc.id_for_label}}" class="col-lg-2 control-label ">
{{ form_obj.depart_desc.label }}
</label>
<div class="col-lg-6">
{{ form_obj.depart_desc }}
<span class="help-block">{{ form_obj.depart_desc.errors.0 }}</span>
</div>
</div> <div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-primary">提交</button>
</div>
</div>
</form>

合并写法

<form action="" method="post" class="form-horizontal" novalidate>
{% csrf_token %} {#需要渲染多个form-group, 可以使用for循环避免重新编写,将form_obj.depart_name和form_obj.depart_desc改成field即可#}
{% for field in form_obj %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
<label for="{{ field.id_for_label }}" class="col-lg-2 control-label">
{{ field.label }}
</label>
<div class="col-lg-6">
{{ field }}
<span class="help-block">{{ field.errors.0 }}</span>
</div>
</div>
{% endfor %} <div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-primary">提交</button>
</div>
</div>
</form>

2、views.py视图代码合并

未合并写法

urls.py
url(r'^user/add/$', user.user_add, name='user_add'),
url(r'^user/edit/(\d+)/$', user.user_edit, name='user_edit'), views.py
#用户添加函数
def user_add(request):
form_obj = userForm.UserForm()
if request.method == 'POST':
form_obj = userForm.UserForm(request.POST)
if form_obj.is_valid():
form_obj.save()
return redirect(reverse('user_list'))
return render(request, 'user/user_add.html', {'form_obj': form_obj}) #用户编辑函数
def user_edit(request, pk):
obj = models.User.objects.filter(pk=pk).first()
form_obj = userForm.UserForm(instance=obj)
if request.method == 'POST':
form_obj = userForm.UserForm(request.POST, instance=obj)
# 如果未修改原值,则不校验
if request.POST.get('username', None) == obj.username:
obj.pwd = request.POST.get('pwd', None)
obj.gender = request.POST.get('gender', None)
# depart不能直接保存为request.POST.get('depart',None),因为depart是一个外键,需要保存Depart的一个实例
obj.depart = models.Depart.objects.filter(pk=request.POST.get('depart', None)).first()
obj.save()
# 这里先创建用户的时候校验密码不能为空,但是修改用户时没有校验密码是否为空
return redirect(reverse('user_list'))
# 修改了原值,则进行校验
elif form_obj.is_valid():
form_obj.save()
return redirect(reverse('user_list'))
return render(request, 'user/user_edit.html', {'form_obj': form_obj})

将用户添加函数和用户编辑函数合并编写

将urls中函数方法统一写成user_change,在views中只需要写一个user_change函数包含用户添加和编辑功能。

urls.py
url(r'^user/add/$', user.user_change, name='user_add'),
url(r'^user/edit/(\d+)/$', user.user_change, name='user_edit'), views.py
由于用户添加和编辑函数逻辑相似,可以合并编写
区别就是编辑函数需要传入pk值,而添加函数不需要传入pk值,所以设置pk=None默认为空
其他代码基本相同 def user_change(request, pk=None):
#如果是添加方法,则obj为空
obj = models.User.objects.filter(pk=pk).first()
form_obj = userForm.UserForm(instance=obj)
if request.method == 'POST':
form_obj = userForm.UserForm(request.POST, instance=obj)
if obj:
# 如果未修改username原值,则不校验
if request.POST.get('username', None) == obj.username:
obj.pwd = Md5(request.POST.get('pwd', None)).md5
obj.gender = request.POST.get('gender', None)
# depart不能直接保存为request.POST.get('depart',None),因为depart是一个外键,需要保存Depart的一个实例
obj.depart = models.Depart.objects.filter(pk=request.POST.get('depart', None)).first()
obj.save()
# 这里先创建用户的时候校验密码不能为空,但是修改用户时没有校验密码是否为空
return redirect(reverse('user_list'))
# 修改了原值,则进行校验
elif form_obj.is_valid():
form_obj.save()
return redirect(reverse('user_list'))
return render(request, 'user/user_edit.html', {'form_obj': form_obj})

最新文章

  1. Linux中修改环境变量导致大量命令不可用的解决办法
  2. 【hihoCoder】1041. 国庆出游
  3. DATE_FORMAT函数用法
  4. 6.5 THUSC 考试题解
  5. Android中Java反射技术的使用示例
  6. HDU2177:取(2堆)石子游戏(威佐夫博弈)
  7. Tomcat配置gzip压缩
  8. SQL Server 数据库所有者
  9. 【PL/SQL Developer】动态执行表不可访问,本会话的自动统计被禁止
  10. nodejs+websocket实时聊天系统
  11. javap反汇编命令
  12. Cannot retrieve metalink for repository: epel/x86_64. Please verify its path and try again 解决方法
  13. SSM Mybatis将新增数据写入数据库时出现的500状态码:Error updating database.的可能
  14. BootstrapValidator . select 必须选择一个 .callback . select .option
  15. 传递闭包(例题POJ3660)
  16. Unity中sharedMaterials 和 materials
  17. C#给整个panel添加点击事件的方法
  18. 【css】清除浮动(clearfix 和 clear)的用法
  19. html08
  20. java 的==和equals的区别(二)

热门文章

  1. QT心电图设计
  2. 1、链表之增、删、查实现(C语言)
  3. element-ui 点击获取table的行索引
  4. CentOS7用yum快速搭建LAMP平台
  5. 报错:ERROR ParcelUpdateService:com.cloudera.parcel.components.ParcelDownloaderImpl: Unable to retrieve remote parcel repository manifest
  6. 2018-2019-20175334实验一《Java开发环境的熟悉》实验报告
  7. g2opy 记录
  8. nvidia驱动自动更新版本后问题解决 -- failed to initialize nvml: driver/library version mismatch
  9. laravel Faker-1.faker假数据
  10. 数据库-Oracle的使用