第9天 – Django3.0项目实战,部门管理系统的表单

在开发增删改查时,往往会先开发新增功能,因为有了新增功能,才有了录入数据的窗口。有了数据,你要删、要改、要查,才能水到渠成,顺理成章。在Web开发中,新增数据,往往是通过表单的方式进行录入的。

9.1 新建forms

为了方便表单的处理,Django3.0专门提供了对应的框架。应用时,你可以用鼠标右键department目录,新建一个forms.py文件。

from django import formsfrom django.forms import widgetsfrom django.core.exceptions import ValidationErrorimport reclass DepartmentForm(forms.Form): name = forms.CharField( label='部门名称:', required=True, max_length=120, error_messages={ 'required': '部门名称不能为空,请输入!', 'max_length': '部门名称太长了!'}, widget=widgets.TextInput(attrs={"placeholder": "请输入部门名称", "class": "form-control"})) leader = forms.CharField( label='负 责 人:', required=True, max_length=60, error_messages={ 'required': '负责人不能为空,请输入!', 'max_length': '负责人名字太长了!'}, widget=widgets.TextInput(attrs={"placeholder": "请输入负责人", "class": "form-control"})) phone = forms.CharField( label='手 机 号:', required=True, error_messages={ 'required': '手机号不能为空,请输入!'}, widget=widgets.NumberInput(attrs={"placeholder": "请输入手机号", "class": "form-control"})) choice = (("集团总部", "集团总部"), ("华南区域", "华南区域"), ("华北区域", "华北区域"), ("华东区域", "华东区域"),) region = forms.CharField( label='所在区域:', initial='集团总部', widget=widgets.Select(choices=choice, attrs={"class": "form-control"})) address = forms.CharField( required=False, label='办公位置:', max_length=200, widget=widgets.TextInput(attrs={"placeholder": "办公所在位置", "class": "form-control"})) longitude = forms.DecimalField( required=False, label='区域经度:', widget=widgets.NumberInput(attrs={"placeholder": "区域所在经度", "class": "form-control"})) latitude = forms.DecimalField( required=False, label='区域纬度:', widget=widgets.NumberInput(attrs={"placeholder": "区域所在纬度", "class": "form-control"})) # 手机号验证 def clean_phone(self): phone = self.cleaned_data.get('phone') mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678] |18[0-9]|14[57])[0-9]{8}$') if not mobile_re.match(phone): raise ValidationError('请输入正确的手机号!') return phone

别看内容挺多的,其实都是重复的,知道其中一项的类型属性定义,其他的也妥妥的了。类型属性之前整理过,这里就不重复出现了,有关表单的控件,往下看。

1. 表单控件

Web开发语言的控件,其实就是对HTML标签的封装和提供相关配置,目的是为了方便实现表单功能,方便程序员快速实现数据收集的功能。表单控件内容如下。

第9天 - Django3.0项目实战,部门管理系统的表单

2. 控件属性

表单控件属性中,关键的点在于验证。在form中自定义验证规格有3种方式,第1种是随意定义函数名,然后用validators属性指定,函数要先定义;第2种是用约定成俗的方法,以clean_字段名定义函数名,表单在验证时,会自动读取;第3种,是在clean()函数内进行统一定义。表单控件属性选项一览表。

第9天 - Django3.0项目实战,部门管理系统的表单

9.2 业务逻辑

有了表单forms.py,没有业务逻辑views.py的助力,它在模板中将手足无措,华而不实。在views.py中实现的代码来了。

from django.shortcuts import renderfrom department.forms import DepartmentFormfrom department.models import Department# 判断部门名称是否已存在def name_exist(name): is_exist = Department.objects.filter(name=name).exists() if is_exist: return True else: return False# 添加数据def create(request): form = DepartmentForm() if request.method == 'POST': msg = '' form = DepartmentForm(request.POST) if form.is_valid(): name = form.cleaned_data.get('name') if name_exist(name): form.add_error('name', "部门名称已存在,请确认!") msg = '' else: department = Department() department.name = name department.leader = form.cleaned_data.get('leader') department.phone = form.cleaned_data.get('phone') department.region = form.cleaned_data.get('region') department.address = form.cleaned_data.get('address') department.longitude = form.cleaned_data.get('longitude') department.latitude = form.cleaned_data.get('latitude') department.save() msg = '恭喜你,创建部门信息成功!' # 重置表单内容(清空) form = DepartmentForm() return render(request, 'department/create.html', {'form': form, 'msg': msg}) else: return render(request, 'department/create.html', {'form': form})

9.3 urls配置

有关业务逻辑在views.py实现之后,需要在department/urls.py里进行配置,才能提供地址供用户进行访问。

from django.urls import pathfrom . import viewsapp_name = 'department'urlpatterns = [ path('create/', views.create, name='create'),]

对了,别忘记在sales/urls.py中进行登记。

from django.contrib import adminfrom django.urls import pathfrom django.urls import includeurlpatterns = [ path('base/', include('base.urls')), path('department/', include('department.urls')), path('admin/', admin.site.urls),]

9.4 模板文件

一切业务相关的工作准备就绪,就差模板靓丽转身。在templates/department下,新建模板文件create.html。有了模板文件,表单Form就有了展露才华的机会。

表单布局,如果想要以表格的方式见人,可选用form.as_table;如果想要以段落的方式,可选用form.as_p;如果想要以序列的方式见人,可选用form.as_ul。具体选用哪种,请看需求文档中界面的要求。

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>新增部门</title></head><body>{{ msg }}<form action="{% url 'department:create' %}" method="post" novalidate> {% csrf_token %} {{ form.as_p }} <button type="submit">保存</button> <button type="reset">清空</button></form></body></html>

温馨提示:在html5的form中加入novalidate属性,是为了禁用其自带的校验功能。

用form.as_p布局的效果,可能不是你喜欢的类型,但测试form.as_p和form.as_ul之后,你就不会这样想了。因为它们会让你大失所望,大跌眼镜。布局尽管不太如意,但请你不要捶胸顿足,因为捶胸很痛的。

运行项目之后,在浏览器输入http://127.0.0.1:8000/department/create/,输出结果如下。

第9天 - Django3.0项目实战,部门管理系统的表单

好了,有关部门管理系统的表单内容,老陈讲完了,如果觉得对你有所帮助,希望你能转发点赞,让更多的人看到这篇文章。你的转发和点赞,就是对老陈继续创作和分享最大的鼓励。

一个当了10年技术总监的老家伙,分享多年的编程经验。想学编程的朋友,可关注今日头条:老陈说编程。我在分享Python,前端、Java和App方面的干货。关注我,没错的。

#Python##Django##程序员##Web##项目实战#

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年12月7日 上午10:48
下一篇 2022年12月7日 上午11:01

相关推荐