效果图：
增加页面:
编辑页面：
因为后面要对权限进行批量操作，所以先用这个示例演示下如何实现批量操作
数据库
from django.db import models class Menu(models.Model): """ 菜单表 """ title = models.CharField(verbose_name='菜单名称', max_length=32) icon = models.CharField(verbose_name='图标', max_length=32) def __str__(self): return self.title class Permission(models.Model): """ 权限表 """ title = models.CharField(verbose_name='标题', max_length=32) url = models.CharField(verbose_name='含正则的URL', max_length=128) name = models.CharField(verbose_name='URL的别名', max_length=32, unique=True) menu = models.ForeignKey(verbose_name='所属菜单', to='Menu', null=True, blank=True, help_text='null表示不是菜单;非null表示是二级菜单', on_delete=models.CASCADE) pid = models.ForeignKey(verbose_name='关联的权限', to='Permission', null=True, blank=True, related_name='parents', help_text='对于非菜单权限需要选择一个可以成为菜单的权限，用于做默认展开和选中菜单', on_delete=models.CASCADE) def __str__(self): return self.title
一、配置路由
from django.urls import path from formset import views urlpatterns = [ path('multi/add', views.multi_add), path('multi/edit', views.multi_edit), ]
二、forms表单验证
from django import forms from formset import models class MultiPermissionForm(forms.Form): title = forms.CharField() url = forms.CharField() name = forms.CharField() menu_id = forms.ChoiceField( choices=[(None, '----------')], required=False ) pid_id = forms.ChoiceField( choices=[(None, '----------')], required=False ) def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.fields['menu_id'].choices += models.Menu.objects.values_list('id', 'title') self.fields['pid_id'].choices += models.Permission.objects.filter(pid__isnull=True).exclude( menu__isnull=True).values_list('id', 'title') class MultiUpdatePermissionForm(forms.Form): id = forms.IntegerField( widget=forms.HiddenInput() ) title = forms.CharField() url = forms.CharField() name = forms.CharField() menu_id = forms.ChoiceField( choices=[(None, '----------')], required=False ) pid_id = forms.ChoiceField( choices=[(None, '----------')], required=False ) def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.fields['menu_id'].choices += models.Menu.objects.values_list('id', 'title') self.fields['pid_id'].choices += models.Permission.objects.filter(pid__isnull=True).exclude( menu__isnull=True).values_list('id', 'title')
三、视图函数
from django.forms import formset_factory from django.shortcuts import render, HttpResponse from formset import models from formset.forms.formset import MultiPermissionForm, MultiUpdatePermissionForm def multi_add(request): """ 批量增加 :param request: :return: """ formset_class = formset_factory(MultiPermissionForm, extra=5) # 在内部生成五个form表单 if request.method == 'GET': formset = formset_class() return render(request, 'multi_add.html', {'formset': formset}) formset = formset_class(data=request.POST) # 储存的所有信息，包括html标签 if formset.is_valid(): no_repeat_field = True # 要把cleaned_data放到for循环上面，因为在下面一旦cleaned_data检测到错误信息就会报错。里面储存了一个个form[{},{},{}......] form_list = formset.cleaned_data # 检查formset中有没有错误信息，没有则将用户提交的数据取到。有错误信息就报错 for num in range(0, formset.total_form_count()): form = form_list[num] # 一个具体的form if not form: continue try: # 下面的方式和model.Permission.object.create(**row)效果一样,这里用这种方式是为了捕获唯一性错误 permission_obj = models.Permission(**form) permission_obj.validate_unique() # 检查当前对象在数据库是否存在唯一的 permission_obj.save() except Exception as e: formset.errors[num].update(e) # 把错误信息放到对应的form里面 no_repeat_field = False if no_repeat_field: return HttpResponse('提交成功') else: return render(request, 'multi_add.html', {'formset': formset}) return render(request, 'multi_add.html', {'formset': formset}) def multi_edit(request): formset_class = formset_factory(MultiUpdatePermissionForm, extra=0) # 默认等于1，如果不想让它多增加一个，就把默认改成0 if request.method == 'GET': formset = formset_class( initial=models.Permission.objects.all().values('id', 'title', 'name', 'url', 'menu_id', 'pid_id') ) return render(request, 'multi_edit.html', {'formset': formset}) formset = formset_class(data=request.POST) if formset.is_valid(): no_repeat_field = True form_list = formset.cleaned_data for num in range(0, formset.total_form_count()): form = form_list[num] if not form: continue permission_id = form.pop('id') try: permission_obj = models.Permission.objects.filter(id=permission_id).first() for key, value in form.items(): setattr(permission_obj, key, value) # 更新数据库的字段 permission_obj.validate_unique() permission_obj.save() except Exception as e: formset.errors[num].update(e) no_repeat_field = False if no_repeat_field: return HttpResponse("提交成功") else: return render(request, 'multi_edit.html', {'formset': formset}) return render(request, 'multi_edit.html', {'formset': formset})
四、模板渲染
multi_add.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.css"> </head> <body> <div class="container" style="margin-top: 100px"> <div class="row"> <form action="" method="post" novalidate> {% csrf_token %} {{ formset.management_form }} <table class="table table-hover table-stripped" border="1"> <thead> <tr> <th>标题</th> <th>URL</th> <th>Name</th> <th>菜单</th> <th>父权限</th> </tr> </thead> <tbody> {% for form in formset %} <tr> {% for field in form %} <td> {{ field }} <span style="color:red">{{ field.errors.0 }}</span> </td> {% endfor %} </tr> {% endfor %} </tbody> </table> <hr/> <input type="submit" value="提交" class="btn btn-primary"> </form> </div> </div> </body> </html>
multi_edit.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.css"> </head> <body> <div class="container" style="margin-top: 100px"> <div class="row"> <form action="" method="post" novalidate> {% csrf_token %} {{ formset.management_form }} <table class="table table-hover table-stripped" border="1"> <thead> <tr> <th>标题</th> <th>URL</th> <th>Name</th> <th>菜单</th> <th>父权限</th> </tr> </thead> <tbody> {% for form in formset %} <tr> {% for field in form %} {% if forloop.first %} {{ field }} {% else %} <td> {{ field }} <span style="color:red">{{ field.errors.0 }}</span> </td> {% endif %} {% endfor %} </tr> {% endfor %} </tbody> </table> <hr/> <input type="submit" value="提交" class="btn btn-primary"> </form> </div> </div> </body> </html>
edit和add的区别是edit多了个id并把id隐藏起来了