Django学习记录04——靓号管理整合

news/2024/4/23 2:25:28

1.靓号表

1.1 表结构

在这里插入图片描述

1.2 靓号表的构造

class PrettyNum(models.Model):''' 靓号表 '''mobile = models.CharField(verbose_name="手机号", max_length=11)# default 默认值# null = true,blank = true   允许为空price = models.IntegerField(verbose_name="价格", default=0)# 号码等级采用choicelevel_choices = ((1, "1级"),(2, "2级"),(3, "3级"),(4, "4级"),)# 默认等级为1level = models.SmallIntegerField(verbose_name="级别", choices=level_choices, default=level_choices[0][0])# 号码状态也采用choicestatus_choices = ((1, "已占用"),(2, "未使用"),)# 默认状态为2(未使用)status = models.SmallIntegerField(verbose_name="状态", choices=status_choices, default=status_choices[1][0])
# 号码等级采用choice
level_choices = (
(1, "1级"),
(2, "2级"),
(3, "3级"),
(4, "4级"),
)
# 默认等级为1
level = models.SmallIntegerField(verbose_name="级别", choices=level_choices, default=level_choices[0][0])
  • 特别注意:choice类型的数据的获取,采用get_xxx_display

  • 默认值的设置

  • 元组的获取:

    ( (1, “1级”),(2, “2级”),(3, “3级”),(4, “4级”) )

    level_choices[0] [0] = 1

    level_choices[0] [1] = “1级”

2.靓号列表及查询操作

number.html

{% extends 'layout.html' %}{% block content %}<div style="margin-bottom: 10px"><a type="button" class="btn btn-success" href="/number/add"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> 添加靓号</a><div style="width: 300px; float: right"><form method="get" action="/number/list"><div class="input-group"><input type="text" class="form-control" name="mobile" placeholder="Search for..."><span class="input-group-btn"><button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"aria-hidden="true"></span></button></span></div></form></div></div><div class="panel panel-default"><div class="panel-heading">靓号列表</div><div class="bs-example" data-example-id="hoverable-table"><table class="table table-hover"><thead><tr><th>ID</th><th>号码</th><th>价格</th><th>级别</th><th>状态</th></tr></thead><tbody>{% for number in NumList %}<tr><td>{{ number.id }}</td><td>{{ number.mobile }}</td><td>{{ number.price }}</td>{# choice 类型采用get_xxx_display  方式获取 #}<td>{{ number.get_level_display }}</td><td>{{ number.get_status_display }}</td><td><a class="btn btn-warning btn-sm" href="/number/{{ number.id }}/update">编辑</a><a class="btn btn-danger btn-sm" href="/number/del?nid={{ number.id }}">删除</a></td></tr>{% endfor %}</tbody></table></div></div>
{% endblock %}

views.py

def number_list(request):""" 靓号列表 """# 利用get获取搜索条件data_dict = {}mobile = request.GET.get('mobile')print(mobile)if mobile:# {关键字: 范围, }data_dict['mobile__contains'] = mobile# date_dict为空时,全部查找   不为空按条件查找NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")return render(request, "number_list.html", {"NumList": NumList})

2.1Django中的条件查询

  • 数据排序
order_by("level")  按照level正向排序   由低到高
order_by("-level")  按照level逆向排序   由高到低
  • 条件查询列表

    • 方式1 直接传
    models.PrettyNum.objects.filter(mobile='15588886666', id=2)
    
    • 方式2 传字典 { 关键字:范围, }
    data_dict = {'mobile': '15588886666', 'id': 2}
    models.PrettyNum.objects.filter(**data_dict)
    
  • django中常见的条件

models.PrettyNum.objects.filter(id=2, mobile="15666662222")             # id等于2且 mobile="15666662222"
models.PrettyNum.objects.filter(id__gt=2, mobile__startswith="198")     # id大于2 且 mobile以198开头
models.PrettyNum.objects.filter(id__gte=2, mobile__endswith="999")      # id大于等于2且 mobile以999结尾
models.PrettyNum.objects.filter(id__lt=2, mobile__contains="888")       # id小于2且 mobile包含888
models.PrettyNum.objects.filter(id__lte=2)                              # id小于等于2

2.2条件查询的思路

data_dict = {}
mobile = request.GET.get('mobile')
print(mobile)
if mobile:
# {关键字: 范围, }
data_dict['mobile__contains'] = mobile
# date_dict为空时,全部查找   不为空按条件查找
NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")
return render(request, "number_list.html", {"NumList": NumList})
<div style="width: 300px; float: right"><form method="get" action="/number/list"><div class="input-group"><input type="text" class="form-control" name="mobile" placeholder="Search for..."><span class="input-group-btn"><button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button></span></div></form>
</div>

基本思路:采用get方式进行传递查询条件

  • 无条件时

http://localhost:8000/number/list?mobile=

  • 有查询条件时

http://localhost:8000/number/list?mobile=888

基本逻辑:

  1. 前端输入框,将输入的数据以get请求传到后端,后端mobile = request.GET.get('mobile',"")获取到前端传来的数据作为查询条件

  2. 使用字典来接收所有条件

    • 若前端传来的mobile为空,即无查询条件,则条件字典为空,默认查询所有数据
  • 若前端传来的mobile非空,则讲条件添加到条件字典中。本案例使用模糊查询,date_dict={‘‘mobile__contains’’:mobile}mobile字段只要含有获得数据mobile即可

2.3 分页查询操作

2.3.1 原始逻辑

思路:

  • 构建html标签进行页面跳转 可以在python操作查询的数据集,构建标签字符串,传回前端渲染
  • page_list存储每一个
  • 标签
  • page_str 整个页码的标签内容
  • mark_safe使其page_str变得安全,以至于能渲染到html中
  <li><a href="/number/list?page=1">1</a></li> <li><a href="/number/list?page=2">2</a></li><li><a href="/number/list?page=3">3</a></li><li><a href="/number/list?page=4">4</a></li><li><a href="/number/list?page=5">5</a></li>

不加前面路径默认补充当前路径
< a href="/number/list?page=1"> = < a href="?page=1">

  <li><a href="?page=1">1</a></li> <li><a href="?page=2">2</a></li><li><a href="?page=3">3</a></li><li><a href="?page=4">4</a></li><li><a href="?page=5">5</a></li>
# i 表示页码
for i in range(page_start, page_end + 1):#  当前页面选中效果if i == page:li = '<li class="active"><a href="?page= {}">{}</a></li>'.format(i, i)else:li = '<li><a href="?page= {}">{}</a></li>'.format(i, i)page_list.append(li)page_str = mark_safe(''.join(page_list))  # 分页功能的标签(html渲染)return render(request, "number_list.html", {"NumList": NumList, "mobile": mobile, "page_str": page_str})
  • 数据库查询数据的截取

  • NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")[data_start:data_end] 截取数据固定部分进行显示,是分页显示的核心

  • 利用get请求(在url中获取page的内容进行页面切换)

<li><a href="/number/list?page=1">1</a></li>
page = int(request.GET.get('page', 1))url:/number/list?page=1   则获取page = 1

页码范围大小、页面大小、首页、尾页、上一页、下一页、跳转页的逻辑判断

  • 变量
page = int(request.GET.get('page', 1))  # 当前页码
page_size = 10  # 每页存放数据大小
data_start = (page - 1) * page_size  # 页面显示数据的起始位置
data_end = page * page_size  # 页面显示数据的末位置# 数据库查询数据
NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")[data_start:data_end]  # 数据列表
data_count = models.PrettyNum.objects.filter(**data_dict).count()  # 数据个数
page_count = int(data_count / page_size) + 1  # 页面个数
page_list = []  # 存放每一个<li>标签
  • 首页与尾页
	# 首页first= '<li><a href="?page= {}">首页</a></li>'.format(1)page_list.append(first)# 尾页last = '<li><a href="?page= {}">尾页</a></li>'.format(page_count)page_list.append(last)
  • 上一页与下一页
  first= '<li><a href="?page= {}">首页</a></li>'.format(1)page_list.append(first)# 上一页if page > 1:prev = '<li><a href="?page= {}">上一页</a></li>'.format(page - 1)page_list.append(prev)else:prev = '<li><a href="?page= {}">上一页</a></li>'.format(page)page_list.append(prev)# 下一页if page < page_count:next = '<li><a href="?page= {}">下一页</a></li>'.format(page + 1)page_list.append(next)else:next = '<li><a href="?page= {}">下一页</a></li>'.format(page)page_list.append(next)
  • 页码范围区域+选中页面效果
# 可显示的页面区间
# i 表示页码
for i in range(page_start, page_end + 1):
#  当前页面选中效果
if i == page:li = '<li class="active"><a href="?page= {}">{}</a></li>'.format(i, i)
else:li = '<li><a href="?page= {}">{}</a></li>'.format(i, i)
page_list.append(li)
  • 跳转
      <ul class="pagination">{{ page_str }}<form method="get" style="display: inline-block"><input type="text" name="page" style="width: 50px;height: 32px;margin-left: 2px"><input type="submit" value="跳转"></form></ul>

number_list.html

{% extends 'layout.html' %}{% block content %}<div style="margin-bottom: 10px"><a type="button" class="btn btn-success" href="/number/add"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> 添加靓号</a><div style="width: 300px; float: right"><form method="get" action="/number/list"><div class="input-group"><input type="text" class="form-control" name="mobile" placeholder="Search for..."value="{{ mobile }}"><span class="input-group-btn"><button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button></span></div></form></div></div><div class="panel panel-default"><div class="panel-heading">靓号列表</div><div class="bs-example" data-example-id="hoverable-table"><table class="table table-hover"><thead><tr><th>ID</th><th>号码</th><th>价格</th><th>级别</th><th>状态</th></tr></thead><tbody>{% for number in NumList %}<tr><td>{{ number.id }}</td><td>{{ number.mobile }}</td><td>{{ number.price }}</td>{# choice 类型采用get_xxx_display  方式获取 #}<td>{{ number.get_level_display }}</td><td>{{ number.get_status_display }}</td><td><a class="btn btn-warning btn-sm" href="/number/{{ number.id }}/update">编辑</a><a class="btn btn-danger btn-sm" href="/number/del?nid={{ number.id }}">删除</a></td></tr>{% endfor %}</tbody></table></div><ul class="pagination">{{ page_str }}<form method="get" style="display: inline-block"><input type="text" name="page" style="width: 50px;height: 32px;margin-left: 2px"><input type="submit" value="跳转"></form></ul></div>
{% endblock %}

views.py

def number_list(request):""" 靓号列表 """# 利用get获取搜索条件data_dict = {}mobile = request.GET.get('mobile', "")if mobile:# {关键字: 范围, }data_dict['mobile__contains'] = mobile# date_dict为空时,全部查找   不为空按条件查找"""分页功能"""# 根据前端get请求获取page    /number/list?page=xxpage = int(request.GET.get('page', 1))  # 当前页码page_size = 10  # 每页存放数据大小data_start = (page - 1) * page_size  # 页面显示数据的起始位置data_end = page * page_size  # 页面显示数据的末位置# 数据库查询数据NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")[data_start:data_end]  # 数据列表data_count = models.PrettyNum.objects.filter(**data_dict).count()  # 数据个数page_count = int(data_count / page_size) + 1  # 页面个数page_list = []  # 存放每一个<li>标签"""   页码优化页码的显示    最多显示当前页码的加减五个极值  判断前五页和后五页"""page_num_size = 5  # 最多显示页码的个数# 数据较少,总页面没有达到11页if page_count<=2*page_num_size+1:page_start = 1page_end = page_countelse:if page <= page_num_size:page_start = 1page_end = page_num_size * 2 + 1else:if page + page_num_size >= page_count:page_start = page_count - page_num_size * 2page_end = page_countelse:page_start = page - page_num_sizepage_end = page + page_num_size# 首页first= '<li><a href="?page= {}">首页</a></li>'.format(1)page_list.append(first)# 上一页if page > 1:prev = '<li><a href="?page= {}">上一页</a></li>'.format(page - 1)page_list.append(prev)else:prev = '<li><a href="?page= {}">上一页</a></li>'.format(page)page_list.append(prev)# 可显示的页面区间# i 表示页码for i in range(page_start, page_end + 1):#  当前页面选中效果if i == page:li = '<li class="active"><a href="?page= {}">{}</a></li>'.format(i, i)else:li = '<li><a href="?page= {}">{}</a></li>'.format(i, i)page_list.append(li)# 下一页if page < page_count:next = '<li><a href="?page= {}">下一页</a></li>'.format(page + 1)page_list.append(next)else:next = '<li><a href="?page= {}">下一页</a></li>'.format(page)page_list.append(next)# 尾页last = '<li><a href="?page= {}">尾页</a></li>'.format(page_count)page_list.append(last)page_str = mark_safe(''.join(page_list))  # 分页功能的标签(html渲染)return render(request, "number_list.html", {"NumList": NumList, "mobile": mobile, "page_str": page_str})

2.3.2 小bug

由于页面的条件查询也会在url中拼接一个mobile=xxx,分页查询时拼接的为page=xxx 但是上述代码url中无法同时存在mobile和page两个变量,因此无法实现查询时的分页功能

  • 获取get请求中的所有url

  • http://localhost:8000/number/list?mobile=8888&page=1

  • query_dict = copy.deepcopy(request.GET) copy.deepcopy(request.GET)返回url中所有拼接的变量,以字典的形式返回所有的url value以列表的形式 <QueryDict: {'mobile': ['8888'], 'page': ['1']}>

  • query_dict.urlencode() 将所有的url拼接成字符串 mobile=8888&page=1

  • query_dict._mutable = True 保证含有url的字典能够增加新的关键字,更新url

  • url的更新与拼接

  • 更新url中的变量:query_dict.setlist('page',[xx]) 在原有的url中新增page= xx,value为列表值

  • 拼接url:< li>< a href="/number/list?{}">< /a>< /li>'.format(query_dict.urlencode())

此时query_dict.urlencode()=mobile=8888&page=xx 则代码拼接为/number/list?mobile=8888&page=xx

def number_list(request):............page = int(request.GET.get('page', '1'))  # 当前页码# copy.deepcopy(request.GET)返回url中所有拼接的变量query_dict = copy.deepcopy(request.GET)# 以字典的形式返回所有的url   value以列表的形式print(query_dict)  # <QueryDict: {'page': ['10'], 'age': ['1']}># query_dict.urlencode() 将所有的url拼接成字符串print(query_dict.urlencode())  # page=10&age=1query_dict._mutable = True............# 首页#  往url中加入page变量query_dict.setlist('page',[1])first= '<li><a href="?{}">首页</a></li>'.format(query_dict.urlencode())page_list.append(first)# 上一页if page > 1:query_dict.setlist('page', [page-1])prev = '<li><a href="?{}">上一页</a></li>'.format(query_dict.urlencode())page_list.append(prev)else:query_dict.setlist('page', [page])prev = '<li><a href="?{}">上一页</a></li>'.format(query_dict.urlencode())page_list.append(prev)# 可显示的页面区间# i 表示页码for i in range(page_start, page_end + 1):#  当前页面选中效果if i == page:query_dict.setlist('page', [i])li = '<li class="active"><a href="?{}">{}</a></li>'.format(query_dict.urlencode(), i)else:query_dict.setlist('page', [i])li = '<li><a href="?{}">{}</a></li>'.format(query_dict.urlencode(), i)page_list.append(li)# 下一页if page < page_count:query_dict.setlist('page', [page+1])next = '<li><a href="?{}">下一页</a></li>'.format(query_dict.urlencode())page_list.append(next)else:query_dict.setlist('page', [page])next = '<li><a href="?{}">下一页</a></li>'.format(query_dict.urlencode())page_list.append(next)# 尾页query_dict.setlist('page', [page_count])last = '<li><a href="?{}">尾页</a></li>'.format(query_dict.urlencode())page_list.append(last)# 跳转至search_string = """<li><form style="float: left;margin-left: -1px" method="get"><input name="page"style="position: relative;float:left;display: inline-block;width: 80px;border-radius: 0;"type="text" class="form-control" placeholder="页码"><button style="border-radius: 0" class="btn btn-default" type="submit">跳转</button></form></li>"""page_list.append(search_string)page_str = mark_safe(''.join(page_list))  # 分页功能的标签(html渲染)return render(request, "number_list.html", {"NumList": NumList, "mobile": mobile, "page_str": page_str})

2.3.3 将分页功能包装成分页类组件

  • 分页类组件的创建

项目-app-utils-pagination.py

  • 分页功能类的变量初始化

request: 请求的对象
queryset: 从数据库查出的符合条件的数据(要分页的数据)
page_size: 每页显示多少条数据
page_param: get请求从url中获取分页的参数
page_num_size:显示当前页的前后几页 (page_num_size*2+1为能显示的页码范围)

    def __init__(self, request, queryset, page_size=10, page_param='page', page_num_size=5):# copy.deepcopy(request.GET)返回url中所有拼接的变量# 以字典的形式返回所有的url   value以列表的形式# <QueryDict: {'page': ['10'], 'age': ['1']}>query_dict = copy.deepcopy(request.GET)# query_dict.urlencode() 将所有的url拼接成字符串   page=10&age=1query_dict._mutable = Trueself.query_dict = query_dict# 根据前端get请求获取page    /number/list?page=xx   page不存在时默认返回1self.page_param = page_parampage = request.GET.get(page_param, '1')  # 当前页码# 判断前端get请求传来的page,确保为正整数# 若为10进制数,则转化为int型,否则默认返回首页if page.isdecimal():page = int(page)else:page = 1data_start = (page - 1) * page_size  # 页面显示数据的起始位置data_end = page * page_size  # 页面显示数据的末位置self.page = pageself.page_size = page_sizeself.page_num_size = page_num_sizeself.data_start = data_startself.data_end = data_endself.query_set = queryset[self.data_start:self.data_end]  # 数据进行分页(每页的数据)data_count = queryset.count()  # 从数据库查出的符合条件的数据(要分页的数据)个数page_count = int(data_count / page_size) + 1  # 页面个数self.page_count = page_countself.page_num_size = page_num_size  # 显示当前页的前后几页
  • 创建分页功能页面标签
    def createHtml(self):"""分页功能"""'''在此生成分页标签page_str<li><a href="?page=1">1</a></li><li><a href="?page=2">2</a></li><li><a href="?page=3">3</a></li><li><a href="?page=4">4</a></li><li><a href="?page=5">5</a></li>'''# 数据较少,总页面没有达到11页if self.page_count <= 2 * self.page_num_size + 1:page_start = 1page_end = self.page_countelse:if self.page <= self.page_num_size:page_start = 1page_end = self.page_num_size * 2 + 1else:if self.page + self.page_num_size >= self.page_count:page_start = self.page_count - self.page_num_size * 2page_end = self.page_countelse:page_start = self.page - self.page_num_sizepage_end = self.page + self.page_num_sizepage_list = []# 首页#  往url中加入page变量self.query_dict.setlist('page', [1])first = '<li><a href="?{}">首页</a></li>'.format(self.query_dict.urlencode())page_list.append(first)# 上一页if self.page > 1:self.query_dict.setlist('page', [self.page - 1])prev = '<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode())page_list.append(prev)else:self.query_dict.setlist('page', [self.page])prev = '<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode())page_list.append(prev)# 可显示的页面区间# i 表示页码for i in range(page_start, page_end + 1):#  当前页面选中效果if i == self.page:self.query_dict.setlist('page', [i])li = '<li class="active"><a href="list?{}">{}</a></li>'.format(self.query_dict.urlencode(), i)else:self.query_dict.setlist('page', [i])li = '<li><a href="?{}">{}</a></li>'.format(self.query_dict.urlencode(), i)page_list.append(li)# 下一页if self.page < self.page_count:self.query_dict.setlist('page', [self.page + 1])next = '<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode())page_list.append(next)else:self.query_dict.setlist('page', [self.page])next = '<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode())page_list.append(next)# 尾页self.query_dict.setlist('page', [self.page_count])last = '<li><a href="?{}">尾页</a></li>'.format(self.query_dict.urlencode())page_list.append(last)# 跳转至search_string = """<li><form style="float: left;margin-left: -1px" method="get"><input name="page"style="position: relative;float:left;display: inline-block;width: 80px;border-radius: 0;"type="text" class="form-control" placeholder="页码"><button style="border-radius: 0" class="btn btn-default" type="submit">跳转</button></form></li>"""page_list.append(search_string)page_str = mark_safe(''.join(page_list))  # 分页功能的标签(html渲染)return page_str

2.3.4 组件的使用

自定义的分页组件,以后如果想要使用这个分页组件,你需要做如下几件事:

在视图函数中:

def pretty_list(request):    
# 1.根据自己的情况去筛选自己的数据(即需要分页的数据)
queryset = models.PrettyNum.objects.all()# 2.实例化分页对象
page_object = Pagination(request, queryset)
############################### 重要 ##########################################
context = {																 #"queryset": page_object.page_queryset,  # 每页待展示的数据(每页的数据)  #"page_string": page_object.html()       # 生成页码的html标签字符        #
}																		 #
##############################################################################
return render(request, 'pretty_list.html', context)

在HTML页面中

  • 展示数据
{% for obj in queryset %}
{{obj.xx}}
{% endfor %}
  • 分页功能的html标签
<ul class="pagination">{{ page_string }}
</ul>

实例应用

  • 展示视图函数
def number_list(request):# 利用get获取搜索条件data_dict = {}mobile = request.GET.get('mobile', "")if mobile:# {关键字: 范围, }data_dict['mobile__contains'] = mobile# date_dict为空时,全部查找   不为空按条件查找# 数据库查询数据NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")  # 带分页的数据列表# 调用分页组件  创建分页的对象page_object = Pagination(request,NumList)context = {"NumList": page_object.query_set,   # 每页的待展示的数据"mobile": mobile,"page_str": page_object.createHtml()  # 分页功能的标签(html渲染)按钮}return render(request, "number_list.html", context)
  • html页面
{% extends 'layout.html' %}{% block content %}<div style="margin-bottom: 10px"><a type="button" class="btn btn-success" href="/number/add"><span class="glyphicon glyphicon-plus-sign"aria-hidden="true"></span> 添加靓号</a><div style="width: 300px; float: right"><form method="get" action="/number/list"><div class="input-group"><input type="text" class="form-control" name="mobile" placeholder="Search for..."value="{{ mobile }}"><span class="input-group-btn"><button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"aria-hidden="true"></span></button></span></div></form></div></div><div class="panel panel-default"><div class="panel-heading">靓号列表</div><div class="bs-example" data-example-id="hoverable-table"><table class="table table-hover"><thead><tr><th>ID</th><th>号码</th><th>价格</th><th>级别</th><th>状态</th></tr></thead><tbody>{% for number in NumList %}<tr><td>{{ number.id }}</td><td>{{ number.mobile }}</td><td>{{ number.price }}</td>{# choice 类型采用get_xxx_display  方式获取 #}<td>{{ number.get_level_display }}</td><td>{{ number.get_status_display }}</td><td><a class="btn btn-warning btn-sm" href="/number/{{ number.id }}/update">编辑</a><a class="btn btn-danger btn-sm" href="/number/del?nid={{ number.id }}">删除</a></td></tr>{% endfor %}</tbody></table></div><ul class="pagination">{{ page_str }}</ul></div>
{% endblock %}

3.靓号的添加操作

number_add.html

{% extends 'layout.html' %}{% block content %}<div class="panel panel-default"><div class="panel-heading">靓号添加</div><div class="panel-body"><div class="bs-example" data-example-id="simple-form-inline"><form class="form" method="post" action="/number/add" novalidate>{% csrf_token %}{#创建表单,form为userinfo各字段的表单#}{#每一个field都是一个字段的输入框#}{% for field in form %}<div class="form-group"><label>{{ field.label }}</label>{{ field }}<span style="color: red">{{ field.errors.0 }}</span>{#field.errors.0显示第一条错误即可#}</div>{% endfor %}<input type="submit" class="btn btn-success" value="提交"></form></div></div></div>
{% endblock %}

views.py

class number_ModelForm(forms.ModelForm):class Meta:model = models.PrettyNumfields = ['mobile', 'price', 'level', 'status']def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)for key, value in self.fields.items():value.widget.attrs = {'class': 'form-control', "placeholder": value.label}# 校验方式2:钩子方法def clean_mobile(self):# txt_mobile 表示用户输入的数据,即待校验数据txt_mobile = self.cleaned_data['mobile']# 判断是否满足校验规则# ① 手机号格式 re.search(r'^\d{11}$', txt_mobile)# ② 手机号不能重复 flag = models.PrettyNum.objects.filter(mobile=txt_mobile).exists()flag = models.PrettyNum.objects.filter(mobile=txt_mobile).exists()# 以下 判断出自己以外的mobile是否存在# form = number_editModelForm(instance=row_date) 调用该类是传入instance(待操作的数据行);self.instance.pk(待操作的数据行的id)# flag = models.PrettyNum.objects.exclude(id=self.instance.pk).filter(mobile=txt_mobile).exists()if (re.match(r'^\d{11}$', txt_mobile)) and not flag:# 校验通过,返回输入数据return txt_mobileelif not re.match(r'^\d{11}$', txt_mobile):raise ValidationError("格式错误")else:raise ValidationError("手机号已存在")def number_add(request):"""靓号添加"""if request.method == "GET":# 创建number_ModelForm的表单对象,返回值为一个表单form = number_ModelForm()print(form)return render(request, "number_add.html", {'form': form})form = number_ModelForm(request.POST)if form.is_valid():form.save()return redirect('/number/list')return render(request, 'number_add.html', {'form': form})

3.1 校验的两种方法

3.1.1 正则表达式方法

# 校验方式1:利用正则表达式增加手机号有效规则
mobile = forms.CharField(
label='手机号',
validators=[RegexValidator(r'^\d{11}$', '手机格式错误'), ]
)

方法一:利用正则表达式重新定义mobile字段

validators验证器
r'^\d{11}$'   11位数字
r 表示原生字符串(rawstring),该字符串声明了引号中的内容表示该内容的原始含义,避免了多次转义造成的反斜杠困扰。

3.1.2钩子函数

# 校验方式2:钩子方法def clean_mobile(self):# txt_mobile 表示用户输入的数据,即待校验数据txt_mobile = self.cleaned_data['mobile']# 判断是否满足校验规则# ① 手机号格式 re.search(r'^\d{11}$', txt_mobile)# ② 手机号不能重复 flag = models.PrettyNum.objects.filter(mobile=txt_mobile).exists()flag = models.PrettyNum.objects.filter(mobile=txt_mobile).exists()# 以下 判断出自己以外的mobile是否存在# form = number_editModelForm(instance=row_date) 调用该类是传入instance(待操作的数据行);self.instance.pk(待操作的数据行的id)# flag = models.PrettyNum.objects.exclude(id=self.instance.pk).filter(mobile=txt_mobile).exists()if (re.match(r'^\d{11}$', txt_mobile)) and not flag:# 校验通过,返回输入数据return txt_mobileelif not re.match(r'^\d{11}$', txt_mobile):raise ValidationError("格式错误")else:raise ValidationError("手机号已存在")

方法二:钩子函数

  • txt_mobile 表示用户输入的数据,即待校验数据

txt_mobile = self.cleaned_data['mobile']

  • 判断是否满足校验规则

① 手机号格式 re.search(r'^\d{11}$', txt_mobile)

re.match(r'^\d{11}$', txt_mobile)

② 手机号不能重复 flag = models.PrettyNum.objects.filter(mobile=txt_mobile).exists()

  • 判断除自己以外的mobile是否存在(除去自己的mobile是否还有和自己一样的mobile)

flag = models.PrettyNum.objects.exclude(id=self.instance.pk).filter(mobile=txt_mobile).exists()

self.instance.pk 能获取待操作的数据行的id

3.2 时间插件

<link rel="stylesheet" href="static/plugins/bootstrap-3.4.1/css/bootstrap.css">
<link rel="stylesheet" href="static/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css"><input type="text" id="dt" class="form-control" placeholder="入职日期"><script src="static/js/jquery-3.6.0.min.js"></script>
<script src="static/plugins/bootstrap-3.4.1/js/bootstrap.js"></script>
<script src="static/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="static/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script><script>$(function () {$('#dt').datepicker({   //#id  日期选择器应用输入框的idformat: 'yyyy-mm-dd',  // 显示格式//startDate: '0',       /日期选择的起始时间为目前时间,若想选择以前的时间注释掉  language: "zh-CN",autoclose: true   //选择完日期,时间框自动消失});})
</script>

4.靓号的更新操作

number_update.html

{% extends 'layout.html' %}{% block content %}<div class="panel panel-default"><div class="panel-heading">号码编辑</div><div class="panel-body"><div class="bs-example" data-example-id="simple-form-inline"><form class="form" method="post" action="/number/{{ nid }}/update" novalidate>{% csrf_token %}{% for field in form %}<div class="form-group"><label>{{ field.label }}</label>{{ field }}<span style="color: red">{{ field.errors.0 }}</span>{# field.errors.0显示第一条错误即可 #}</div>{% endfor %}<input type="submit" class="btn btn-success" value="提交"></form></div></div></div>
{% endblock %}

views.py

class number_editModelForm(forms.ModelForm):# 校验方式1:利用正则表达式增加手机号有效规则mobile = forms.CharField(disabled=True,  # 更新时,新增手机号无法修改规则label='手机号',# validators验证器# r'^\d{11}$' 11位数字# r 表示原生字符串(rawstring),该字符串声明了引号中的内容表示该内容的原始含义,避免了多次转义造成的反斜杠困扰。validators=[RegexValidator(r'^\d{11}$', '手机格式错误'), ])class Meta:model = models.PrettyNumfields = ['mobile', 'price', 'level', 'status']def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)for key, value in self.fields.items():value.widget.attrs = {'class': 'form-control', "placeholder": value.label}def number_update(request, nid):row_date = models.PrettyNum.objects.filter(id=nid).first()if request.method == "GET":form = number_editModelForm(instance=row_date)return render(request, 'number_update.html', {'form': form, 'nid': nid})form = number_editModelForm(data=request.POST, instance=row_date)if form.is_valid():form.save()return redirect('/number/list')return render(request, 'number_update.html', {'form': form, 'nid': nid})
  • 利用正则表达式增加手机号有效规则
```
mobile = forms.CharField(disabled=True,  # 更新时,新增手机号无法修改规则label='手机号',validators验证器r'^\d{11}$' 11位数字r 表示原生字符串(rawstring),该字符串声明了引号中的内容表示该内容的原始含义,避免了多次转义造成的反斜杠困扰。validators=[RegexValidator(r'^\d{11}$', '手机格式错误'), ]
)
```**新增规则:** disabled=True,  # 更新时,新增一个手机号无法修改的规则**更新获取id的url格式:**`http://localhost:8000/number/nid/update`

5.靓号的删除操作

views.py

def number_del(request):# http://localhost:8000/number/del?nid=xx# get形式获取idnid = request.GET.get('nid')models.PrettyNum.objects.filter(id=nid).delete()return redirect('/number/list')

6.项目文件的整合

同类文件提取,然后合并一个新文件中

切勿忘记引入

6.1 对ModelForm增加样式的BootStrap整合

以自定义初始函数的方式为例

项目-app-utils-bootstrap.py

  1. 提取ModelForm类中自定义初始函数
  2. 自定义ModelForm类时对BootStrapModelForm类进行继承

bootstrap.py

class BootStrapModelForm_user(forms.ModelForm):def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)# 循环找到所有的插件,添加了class="form-control"for key, value in self.fields.items():#  加样式if key == "creat_time":# python中当前时间并且格式化形式datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")# django模板语言当前时间并且格式形式 {% now 'Y-m-d' %}  或  {{ user.creat_time|date:"Y-m-d" }}value.widget.attrs = {"class": "form-control", "placeholder": value.label,"value": datetime.datetime.now().strftime("%Y-%m-%d"),"id": "dt_creat_time"}else:value.widget.attrs = {"class": "form-control", "placeholder": value.label}class BootStrapModelForm_number(forms.ModelForm):def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)for key, value in self.fields.items():value.widget.attrs = {'class': 'form-control', "placeholder": value.label}

6.2定义ModelForm类的整合

项目-app-utils-form.py

form.py

class user_ModelForm(BootStrapModelForm_user):password = forms.CharField(min_length=6, label="密码")class Meta:model = models.UserInffields = ['name', 'password', 'age', 'account', 'creat_time', 'gender', 'depart']class number_ModelForm(BootStrapModelForm_number):class Meta:model = models.PrettyNumfields = ['mobile', 'price', 'level', 'status']def clean_mobile(self):txt_mobile = self.cleaned_data['mobile']flag = models.PrettyNum.objects.filter(mobile=txt_mobile).exists()if (re.match(r'^\d{11}$', txt_mobile)) and not flag:return txt_mobileelif not re.match(r'^\d{11}$', txt_mobile):raise ValidationError("格式错误")else:raise ValidationError("手机号已存在")class number_editModelForm(BootStrapModelForm_number):mobile = forms.CharField(disabled=True,label='手机号',validators=[RegexValidator(r'^\d{11}$', '手机格式错误'), ])class Meta:model = models.PrettyNumfields = ['mobile', 'price', 'level', 'status']

6.3对views视图函数的整合

  1. 各视图函数进行归类划分将对应函数转移到对应的文件中,文件位置在项目-app-views-xxx.py
  • 部门管理

将对应函数转移到对应的文件中

depart.py

from django.shortcuts import render, redirectfrom app01 import models
def depart_list(request):""" 部门列表 """'''获取数据部门信息'''depart_list = models.Department.objects.all()return render(request, "depart_list.html", {"depart_list": depart_list})
def depart_add(request):""" 部门添加 """if request.method == 'GET':return render(request, "depart_add.html")title = request.POST.get("title")models.Department.objects.create(title=title)return redirect('/depart/list')
def depart_del(request):"""部门删除"""# http://localhost:8000/depart/del?nid=idnid = request.GET.get("nid")models.Department.objects.filter(id=nid).delete()return redirect('/depart/list')
def depart_update(request, nid):# http://localhost:8000/depart/nid/update"""部门编辑"""if request.method == 'GET':dept = models.Department.objects.filter(id=nid).get()return render(request, "depart_update.html", {"dept": dept})title = request.POST.get("title")models.Department.objects.filter(id=nid).update(title=title)return redirect('/depart/list')
  • 员工管理

将对应函数转移到对应的文件中

user.py

from django.shortcuts import render, redirect
from app01.utils.form import user_ModelForm
from app01 import modelsdef user_list(request):'''获取用户信息'''user_list = models.UserInfo.objects.all()# print(user_list)return render(request, "user_list.html", {"user_list": user_list})def user_add(request):'''新增员工'''if request.method == 'GET':context = {"depart_list": models.Department.objects.all(),"gender_list": models.UserInfo.gender_choice,}return render(request, "user_add.html", context)# 缺少数据校验和错误提示# 前端的每一个字段都得写一遍# 关联的数据,需要手动获取并循环展示name = request.POST.get("name")password = request.POST.get("pwd")age = request.POST.get("age")account = request.POST.get("account")creat_time = request.POST.get("creat_time")gender = request.POST.get("gender")depart_id = request.POST.get("depart")models.UserInfo.objects.create(name=name, password=password, age=age, account=account, creat_time=creat_time,gender=gender, depart_id=depart_id)return redirect('/user/list')###################################################################def user_ModelForm_add(request):if request.method == 'GET':# form为userinfo各字段的表单form = user_ModelForm()# print(form)return render(request, "user_ModelForm_add.html", {"form": form})# 将前端表单的post请求,直接传入form对象中form = user_ModelForm(request.POST)# 判断数据是否合法有效(校验规则————models中建表表项规则 + class user_ModelForm(forms.ModelForm)重新定义表项规则)if form.is_valid():# 将表单保存到数据库中  1111form.save()return redirect('/user/list')# 校验失败(在页面显示错误信息) form.error()含有错误return render(request, "user_ModelForm_add.html", {"form": form})def user_del(request):""" 员工删除"""nid = request.GET.get("nid")models.UserInfo.objects.filter(id=nid).delete()return redirect("/user/list")def user_update(request, nid):"""员工更新"""if request.method == "GET":context = {"depart_list": models.Department.objects.all(),"gender_list": models.UserInfo.gender_choice,"user": models.UserInfo.objects.get(id=nid),}return render(request, "user_update.html", context)name = request.POST.get("name")password = request.POST.get("pwd")age = request.POST.get("age")account = request.POST.get("account")creat_time = request.POST.get("creat_time")gender = request.POST.get("gender")depart_id = request.POST.get("depart")models.UserInfo.objects.filter(id=nid).update(name=name, password=password, age=age, account=account,creat_time=creat_time, gender=gender, depart_id=depart_id)return redirect("/user/list")def user_ModelForm_update(request, nid):""" 编辑用户 """# 根据nid取数据库获取要编辑的哪一行数据(行对象)row_user = models.UserInfo.objects.filter(id=nid).first()if request.method == "GET":# form为userinfo各字段的表单# instance=row_user并将row_user中各字段的数据赋值给form中各字段的值form = user_ModelForm(instance=row_user)return render(request, "user_ModelForm_update.html", {"form": form, "nid": nid})# 将前端表单的post请求,直接传入form对象中# 接收从前端传来的数据,并且在row_user的基础上保存在数据库    instance=row_user替换待修改的那一行数据,而不是新增form = user_ModelForm(data=request.POST, instance=row_user)print(form)# 判断数据是否合法有效(校验规则————models中建表表项规则 + class user_ModelForm(forms.ModelForm)重新定义表项规则)if form.is_valid():# 将表单保存到数据库中form.save()return redirect('/user/list')# 校验失败(在页面显示错误信息) form.error()含有错误return render(request, "user_ModelForm_update.html", {"form": form, "nid": nid})
  • 靓号管理

将对应函数转移到对应的文件中

number.py

from django.shortcuts import render, redirect
from app01.utils.form import number_ModelForm,number_editModelForm
from app01.utils.pagination import Pagination
from app01 import modelsdef number_list(request):""" 靓号列表 """# 良好等级高低展示"""order_by("level")  按照level正向排序   由低到高order_by("-level")  按照level逆向排序   由高到低"""""" 条件显示列表# 方式1 直接传models.PrettyNum.objects.filter(mobile='15588886666', id=2)# 方式2 传字典{关键字:范围,}data_dict = {'mobile': '15588886666', 'id': 2}models.PrettyNum.objects.filter(**data_dict)""""""django中常见的条件models.PrettyNum.objects.filter(id=2, mobile="15666662222")             # id等于2且 mobile="15666662222"models.PrettyNum.objects.filter(id__gt=2, mobile__startswith="198")     # id大于2 且 mobile以198开头models.PrettyNum.objects.filter(id__gte=2, mobile__endswith="999")      # id大于等于2且 mobile以999结尾models.PrettyNum.objects.filter(id__lt=2, mobile__contains="888")       # id小于2且 mobile包含888models.PrettyNum.objects.filter(id__lte=2)                              # id小于等于2"""# 利用get获取搜索条件data_dict = {}mobile = request.GET.get('mobile', "")if mobile:# {关键字: 范围, }data_dict['mobile__contains'] = mobile# date_dict为空时,全部查找   不为空按条件查找# 数据库查询数据NumList = models.PrettyNum.objects.filter(**data_dict).order_by("-level")  # 带分页的数据列表# 调用分页组件  创建分页的对象page_object = Pagination(request, NumList)context = {"NumList": page_object.query_set,  # 每页的待展示的数据"mobile": mobile,"page_str": page_object.createHtml()  # 分页功能的标签(html渲染)按钮}return render(request, "number_list.html", context)def number_add(request):"""靓号添加"""if request.method == "GET":# 创建number_ModelForm的表单对象,返回值为一个表单form = number_ModelForm()print(form)return render(request, "number_add.html", {'form': form})form = number_ModelForm(request.POST)if form.is_valid():form.save()return redirect('/number/list')return render(request, 'number_add.html', {'form': form})def number_update(request, nid):row_date = models.PrettyNum.objects.filter(id=nid).first()if request.method == "GET":form = number_editModelForm(instance=row_date)return render(request, 'number_update.html', {'form': form, 'nid': nid})form = number_editModelForm(data=request.POST, instance=row_date)if form.is_valid():form.save()return redirect('/number/list')return render(request, 'number_update.html', {'form': form, 'nid': nid})def number_del(request):# http://localhost:8000/number/del?nid=xx# get形式获取idnid = request.GET.get('nid')models.PrettyNum.objects.filter(id=nid).delete()return redirect('/number/list')
  1. 删除views.py
  2. 修改对应urls.py
from django.urls import pathfrom app01.views import depart,user,numberurlpatterns = [#path('admin/', admin.site.urls),# 部门管理path('depart/list', depart.depart_list),path('depart/add', depart.depart_add),path('depart/del', depart.depart_del),path('depart/<int:nid>/update', depart.depart_update),# 用户管理path('user/list', user.user_list),path('user/add', user.user_add),path('user/ModelForm/add', user.user_ModelForm_add),path('user/del', user.user_del),path('user/<int:nid>/update', user.user_update),path('user/ModelForm/<int:nid>/update', user.user_ModelForm_update),# 靓号管理path('number/list',number.number_list),path('number/add',number.number_add),path('number/<int:nid>/update',number.number_update),path('number/del',number.number_del),
]

6.4项目结构

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/8633.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

第一节-docker介绍

这里写自定义目录标题 一、什么是docker二、docker和virtual machine三、docker架构 一、什么是docker docker是一种容器引擎&#xff0c;用于构建、部署、运行应用程序和服务。 docker的每个容器通过沙箱机制相互隔离&#xff0c;互不干扰。 docker容器技术相比传统的虚拟机有…

公司数据迁移,服务器小文件多复制慢解决方案

企业普遍面临一个挑战&#xff1a;如何高效地处理和移动大量的小型文件。这些文件虽然单个体积不大&#xff0c;但数量庞大&#xff0c;累积起来会占据极大的存储空间&#xff0c;而且在迁移过程中&#xff0c;复制这些文件的速度往往非常缓慢。这不仅影响了企业的运营效率&…

高和汽车停工停产,创始人丁磊终于发话了!2024的冷门项目,投入小,但是真的很赚钱!

高和创始人丁磊站在停产停工的工厂呢&#xff0c; 环顾冷清❄️的四周&#xff0c;眉头紧锁&#x1f623;&#xff0c; 停顿片刻后对旁边同样愁眉苦脸的员工说道&#xff1a; 非常抱歉&#xff0c;因为经营的失误&#xff0c;面临了停产停工的窘境。 在互联网&#x1f517;、物…

VSCode使用Remote-SSH连接服务器时报错:启动服务器失败问题

VSCode使用Remote-SSH连接服务器时报错&#xff1a;启动服务器失败问题 问题描述解决方法引用 问题描述 第一天上班&#xff0c;回来发现又不能使用VScode连不上服务器了&#xff0c;在「输出」栏出现了一直报 Waiting for server log… 的情况&#xff01;本来以为是普通的连接…

关于Kinect 互动沙盘 深度图 Shader Graph 分层

把Kinect的深度图穿给Shader Graph using com.rfilkov.kinect; using UnityEngine; using UnityEngine.UI; public class GetDepthTex : MonoBehaviour { public Material Mat_SandTable; void Update() { Mat_SandTable.SetTexture("_MainTex"…

GPIO八种工作模式

目录 一、推挽输出 二、开漏输出 三、复用推挽输出 四、复用开漏输出 五、浮空输入 六、上拉输入 七、下拉输入 八、模拟输入 GPIO八种配置模式&#xff0c;原理和使用场景&#xff0c;硬件原理如下图&#xff1a; 一、推挽输出 1、 原理 当控制栅极为低电平时&#x…