项目开发流程项目准备工作项目部门管理
UI设计depart_list模板继承depart_adddepart_deletedepart_edit 项目用户管理
user_listuser_addForm和ModelForm
FormModelForm user_add(ModelForm)user_edituser_delete
号外号外，基于Pycharm的Django学习，项目实战来啦！
项目开发流程实战之前，我们先来结合前面学习的知识，捋一捋整个项目开发的流程：
新建项目创建app并注册设计表结构在MYSQL生成表静态文件管理代码编写测试 项目准备工作上述1-5，其实我们在之前就已经接触过了，所以在这个项目实战中，就当作是准备工作，大家先提前完成，有不懂的也可以看我之前写的博客。
第一步：新建项目
第二步：创建app并注册
第三步：设计表结构
from django.db import models# Create your models here.class Department(models.Model): """部门表""" # verbose_name注解 相当于给我们程序员自己看代码时的字段含义提示 title = models.CharField(verbose_name="部门", max_length=32)class UserInfo(models.Model): """员工表""" name = models.CharField(verbose_name="姓名", max_length=16) password = models.CharField(verbose_name="密码", max_length=64) age = models.IntegerField(verbose_name="年龄") # max_digits表示最大位数 decimal_places表示小数位数 default表示默认值 account = models.DecimalField(verbose_name="账户", max_digits=10, decimal_places=2, default=0) create_time = models.DateTimeField(verbose_name="入职时间") # 存入外键 表示员工所属部门ID 节省存储字节数 需要加入约束 即只能是部门表中已经存在的id 并且需要设置当部门表被删除 其为级联删除或者可以置空 # 存入名称 表示员工所属部门名称 主要用于优化检索速度 # to表示和哪张表连接 to_field表示和哪个字段连接 on_delete表示部门表删除时员工表做出的操作 depart = models.ForeignKey(to="Department", to_field="id", on_delete=models.CASCADE) # Django约束 由于性别只有男和女 所以可以通过choices选择哪一些 gender_choices = ( (1, "男"), (2, "女") ) gender = models.SmallIntegerField(verbose_name="性别", choices=gender_choices)
第四步：在MYSQL生成表
DATAbaseS = { 'default': { 'ENGINE': 'django.db.backends.mysql', # 数据库名字 'NAME':'写自己的名字', # 用户名 'USER': 'root', # 密码 'PASSWORD': '写自己的密码', # 主机 'HOST': 'localhost', # 端口 'PORT': '3306', }}
python manage.py makemigrationspython manage.py migrate
第五步：静态文件管理
先看一下页面大致UI设计：
depart_list于是开始编写页面：
页面整体布局采用的是bootstrap框架，上面的是一个导航条，下面的是一个面板加表格的结构，先使用的静态数据进行测试页面。
大部分需要实现跳转的，哪怕长得再像按钮，其实都是一个a标签，然后设置class为btn属性。
{% load static %} ID 名称 操作 1 销售部 编辑 删除 2 技术部 编辑 删除 3 广告部 编辑 删除
下面将静态数据换成从数据库进行获取的数据。
{% load static %} ID 名称 操作 {% for data in data_list %} {{data.id}} {{data.title}} 编辑 删除 {% endfor %}
效果和上述一样，只不过这里的数据是从数据库来的，更加符合开发。
模板继承我们在访问一个网站，比如淘宝、京东时，我们会发现，其实每次实现页面跳转的时候，它的每一个页面的导航条都是相同的，那如果每一个页面都写同样的内容，你会不会觉得很繁琐啊，那么怎么办呢？
模板继承！
导航条：layout.html
{% load static %}
添加页面：depart_add.html
{% extends 'layout.html' %}{% block content %}{% endblock %}
这样就可以了，当然，如果对其有多处改动，那也可以多加几个下面部分：
{% block 名称 %}{% endblock %}
测试结果如下：
depart_add模板继承测试成功后，下面开始正式编写depart_add页面的编写了。
添加页面的主体是面板加表单设计。
{% extends 'layout.html' %}{% block content %} 新建部门 {% endblock %}
基础样式出来了后，我们就需要继续实现页面跳转。
def depart_add(request): # 如果是get请求 if request.method == "GET": return render(request, "depart_add.html") # 如果是post请求 获取用户提交的数据 title = request.POST.get("title") # 将数据加入到数据库 （此处默认数据都是合法的 后面用Form和ModelForm实现） models.Department.objects.create(title=title) # 重定向到用户列表 return redirect("/depart/list/")
有没有发现把我们前面学习的东西都用起来了？
是不是很有成就感呢？下面来写一个删除吧，和上一篇案例中的删除大同小异奥！
首先要在depart_list中找到删除对应的位置，然后实现url跳转。
def depart_delete(request): # 获取需要删除的id nid = request.GET.get("nid") # 在数据库删除对应内容 models.Department.objects.filter(id=nid).delete() # 重新返回列表展示页面 return redirect("/depart/list/")
此处相当于更改为跳转到url为/depart/delete的位置，并且将用户id传递过来，在urls.py文件中的url - 视图函数对应中，可以知道其对应会执行depart_delete函数，于是获取参数、删除内容后，重定向到展示页面，整个流程一气呵成。
depart_edit编辑页面，我们想想它长什么样子，其和我们新建部门页面应该差不多，但是差别在于，编辑的时候，你点进去的时候，部门的默认值是原来需要编辑的内容。
有了id有了一切，传id。
def depart_edit(request, nid): # 根据nid获取数据 edit_data = models.Department.objects.filter(id=nid).first() return render(request, "depart_edit.html", {"edit_data": edit_data})
{% extends 'layout.html' %}{% block content %} 新建部门 {% endblock %}
再来完善一下页面跳转。
def depart_edit(request, nid): # 如果是get请求 if request.method == "GET": # 根据nid获取数据 edit_data = models.Department.objects.filter(id=nid).first() return render(request, "depart_edit.html", {"edit_data": edit_data}) # 获取用户更新的title title = request.POST.get("title") # 对数据库中进行修改 models.Department.objects.filter(id=nid).update(title=title) # 重定向为部门列表 return redirect("/depart/list/")
一直没看数据库，这里一起看一下吧~
记得刷新！空白部分，右键刷新！
项目用户管理部门管理差不多了，下面来看用户管理吧！
用户管理可不一般，也就是字段多了点，那么在获取内容的时候也有很多小细节需要注意奥！
user_list首先我们需要为数据库准备一些数据：
def user_orm(request): # 虽然在models.py中其为depart，但是实际上是depart_id，在操作的时候注意 models.UserInfo.objects.create(name="王晓曼", password="123520", age=20, account=99999, create_time="2022-09-01", depart_id=1, gender=2) models.UserInfo.objects.create(name="王尚春", password="666666", age=49, account=199999, create_time="2000-01-01", depart_id=2, gender=1) models.UserInfo.objects.create(name="彭艳", password="111111", age=48, account=299999, create_time="2001-01-01", depart_id=3, gender=2) models.UserInfo.objects.create(name="王梦迪", password="131420", age=28, account=399999, create_time="2015-06-14", depart_id=6, gender=2) models.UserInfo.objects.create(name="黄伟", password="888888", age=33, account=499999, create_time="2012-12-31", depart_id=7, gender=1) return HttpResponse("成功")
然后在导航条里加上用户管理这一个标签。
用户列表，其实和部门列表差不多，只是字段可能不一样，先仿着部门列表写。
{% extends 'layout.html' %}{% block content %} 新建用户 用户列表 ID 姓名 密码 年龄 余额 入职时间 部门 性别 操作 {% for data in data_list %} {{data.id}} {{data.name}} {{data.password}} {{data.age}} {{data.account}} {{data.create_time}} {{data.depart}} {{data.gender}} 编辑 删除 {% endfor %} {% endblock %}
测试效果如下：
但是这样的效果肯定不好，所以我们需要在后端调整。
def user_list(request): data_list = models.UserInfo.objects.all() # 由于数据比较复杂 所以需要在后端进行调试数据格式 当然有可能前后端数据格式调整代码会不同 也会有局部更改 for data in data_list: print(data.create_time.strftime("%Y-%m-%d")) return render(request, "user_list.html", {"data_list": data_list})
但是我们发现性别不是我们想要的展示数据，于是我们想起在定义表的时候，有一个gender_choices这个变量，那么怎么将数据展示成我们想要的呢？
def user_list(request): data_list = models.UserInfo.objects.all() # 由于数据比较复杂 所以需要在后端进行调试数据格式 当然有可能前后端数据格式调整代码会不同 也会有局部更改 for data in data_list: # strftime("%Y-%m-%d")是后端将datetime类型转换为字符串形式 print(data.create_time.strftime("%Y-%m-%d")) # 将元组套元组的类型 转换成 对应的字段 print(data.get_gender_display()) return render(request, "user_list.html", {"data_list": data_list})
那么depart_id怎么展示成对应的部门名称呢？
def user_list(request): data_list = models.UserInfo.objects.all() # 由于数据比较复杂 所以需要在后端进行调试数据格式 当然有可能前后端数据格式调整代码会不同 也会有局部更改 for data in data_list: # strftime("%Y-%m-%d")是后端将datetime类型转换为字符串形式 print(data.create_time.strftime("%Y-%m-%d")) # 将元组套元组的类型 转换成 对应的字段 print(data.get_gender_display()) # 拿取部门id对应的部门名称 我们知道在定义表的时候 定义的是depart 但是数据库给我们存的是depart_id 那么depart其实对应的是表的那一行的对象 print(data.depart.title) return render(request, "user_list.html", {"data_list": data_list})
在后端测试好了后，移植到前端了。
是不是感觉很好呢？
其实添加用户和新建部门是一样的原理，但是可能字段会更多一点。
{% extends 'layout.html' %}{% block content %} 新建用户 {% endblock %}
def user_add(request): # 拿到性别元组 和 部门信息 gender_choices = models.UserInfo.gender_choices depart_list = models.Department.objects.all() # 如果是get请求 if request.method == "GET": return render(request, "user_add.html", {"gender_choices": gender_choices, "depart_list": depart_list}) # 如果是post请求 获取用户提交的数据 name = request.POST.get("name") password = request.POST.get("password") age = request.POST.get("age") account = request.POST.get("account") create_time = request.POST.get("create_time") depart = request.POST.get("depart") gender = request.POST.get("gender") # 将数据加入到数据库 （此处默认数据都是合法的 后面用Form和ModelForm实现） models.UserInfo.objects.create(name=name, password=password, age=age, account=account, create_time=create_time, depart_id=depart, gender=gender) # 重定向到用户列表 return redirect("/user/list/")
有没有觉得如果字段很多的话，这也太复杂了吧！
没关系，Django给我们提供了Form和ModelForm奥，一起先来看看他们的基本用法吧！
Form ModelForm
当然也支持自定义字段和Model字段一起！
为了区分，我们首先在用户列表中，新增加一个按钮。
views.py中增加如下：
from django import formsclass UserModelForm(forms.ModelForm): class meta: model = models.UserInfo fields = ["name", "password", "age"]def user_model_form_add(request): form = UserModelForm() return render(request, "user_model_form_add.html", {"form": form})
先测试基本数据（不考虑样式）：
对form进行循环：
剩下的字段都加上，看一下效果：
有没有发现其他的很方便，但是depart怎么肥四？！
首先我们没有写verbose_name，所以直接把字段名写出来了。
其次这个为对象，所以直接输出了对象。
搞定！
现在集成到bootstrap中！
{% extends 'layout.html' %}{% block content %} 新建ModelForm用户 {% endblock %}
但是长得有点丑啊！
把所有的都加上：
from django import formsclass UserModelForm(forms.ModelForm): class meta: model = models.UserInfo fields = ["name", "password", "age", "account", "create_time", "depart", "gender"] # 插件 # widgets = { # "name": forms.TextInput(attrs={"class": "form-control"}) # } def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) for name, field in self.fields.items(): field.widget.attrs = {"class": "form-control", "placeholder": field.label}def user_model_form_add(request): form = UserModelForm() return render(request, "user_model_form_add.html", {"form": form})
完善POST后的相关处理：
def user_model_form_add(request): if request.method == "GET": form = UserModelForm() return render(request, "user_model_form_add.html", {"form": form}) # 用Post提交的数据 进行数据校验 form = UserModelForm(data=request.POST) if form.is_valid(): # 如果数据合法 保存到数据库 print(form.cleaned_data) form.save() return redirect("/user/list/") else: print(form.errors) return render(request, "user_model_form_add.html", {"form": form})
怎么将提示变成中文呢？
LANGUAGE_CODE = 'zh-hans'
如果对于姓名字段，添加一些限制呢？
正确的添加：
总而言之：ModelForm针对操作数据库某个表，其他还是Form。
user_edit
def user_edit(request, nid): if request.method == "GET": # 根据id去数据库获取编辑的那一行 row_object = models.UserInfo.objects.filter(id=nid).first() form = UserModelForm(instance=row_object) return render(request, "user_edit.html", {"form": form}) # 完成编辑后保存到当前对象中 而不是新增一个用户 （该行可放在最上面） row_object = models.UserInfo.objects.filter(id=nid).first() # 用Post提交的数据 进行数据校验 form = UserModelForm(data=request.POST, instance=row_object) if form.is_valid(): # 如果数据合法 保存到数据库 print(form.cleaned_data) # 默认保存的是用户输入的所有数据 如果想要再保存用户输入的额外的值 # form.instance.字段名=值 form.save() return redirect("/user/list/") else: print(form.errors) return render(request, "user_edit.html", {"form": form})
页面就和用户添加的页面差不多，只需要修改标题。
{% extends 'layout.html' %}{% block content %} 编辑用户 {% endblock %}
叮咚，完成！