DJANGO-天天生鲜项目从0到1-012-订单-用户订单页面

本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习

https://www.bilibili.com/video/BV1vt41147K8?p=1

用户中心-订单页面展示

编辑user/view.py文件,新增类UserOrderView

class UserOrderView(LoginRequiredMixin, View):
'''用户中心订单类'''
template_name = 'user/user_center_order.html'
context = {'type': ''} def get(self, request, page_num):
'''显示用户订单'''
self.context['type'] = 'order'
user = request.user
# 获取订单信息
orders = OrderInfo.objects.filter(user=user).order_by('-create_time')
# 遍历订单头
for order in orders:
order_goods_list = OrderGoods.objects.filter(order=order)
# 动态给order增加属性
order.order_goods_list = order_goods_list
order.status_name = OrderInfo.ORDER_STATUS_DIC[order.order_status]
order.method_name = OrderInfo.PAY_METHOD_DIC[str(order.pay_method)]
# 遍历订单行
for order_goods in order_goods_list:
# 动态给order_goods增加属性
order_goods.amount = order_goods.price * order_goods.count # 分页
# 创建Paginator对象
paginator = Paginator(orders, 3)
total_page = paginator.num_pages
# 校验参数页码
if page_num > total_page:
page_num = 1
# 获取Page对象
page = paginator.page(page_num)
# 页码,页面上最多显示3页
if total_page < 3:
pages = range(1, total_page + 1)
elif page_num < 2:
pages = range(1, 4)
elif page_num > total_page - 1:
pages = range(total_page-2, total_page+1)
else:
pages = range(page_num-1, page_num + 2)
# 组织上下文
self.context['page'] = page
self.context['pages'] = pages
return render(request, self.template_name, self.context)

1. 获取登录用户的订单头orders,循环遍历头,获取头下面对应的订单行order_goods,处理这种将头行结构传给模板时,可以先遍历头,然后查询出头下面的行,将返回的查询结果集当做一个属性,添加给头。这样只需要将头传递给模板文件即可

# 遍历头
for header in headers:
# 查询行结果集
lines = Line.objects.filter(header=header)
# 将行结果集当做属性添加给头
header.lines = lines
# 将数据传递给模板文件
return render(request, template_name, {'headers': headers})
...
# 在模板文件中遍历头行
{% for header in headers %}
....
  {% for line in header.lins %}
  ...
  {% end for %}
{% end for %}

2. 分页,在url中加入参数<int:pag_num>,展示具体第几页:

  • 导入分页模块:from django.core.paginator import Paginator
  • 根据订单头创建分页对象,每页显示三个订单:paginator = Paginator(orders, 3)
  • 校验url页码参数,若有误则将页码变量重置为第一页
  • 获取页码页面的page对象:page = paginator.page(page_num)
  • 设置页面下方页码列表的展示,如只展示5个页码
# 页码,页面上最多显示5页
# 显示的最小页码
min_page = page_num - 2
# 显示的最大页码
max_page = page_num + 2
# 若最小页码小于1,则设置最小页码为1
# 并将小于的值加在最大页码上,保证最小页码到最大页码有5页
diff = min_page - 1
if diff < 0:
min_page = 1
max_page -= diff
# 若最大页码大于总页数,则设置最大页码为总页数
# 并将大于的值减在最小页码上,保证最小页码到最大页码有5页
diff = max_page - total_page
if diff > 0:
max_page = total_page
min_page -= diff
# 设置显示的页码范围
pages = range(min_page, max_page + 1)

组织上下文,将page对象和页码列表传给模板:

# 组织上下文
self.context['page'] = page
self.context['pages'] = pages
return render(request, self.template_name, self.context)

编辑url和模板文件

{% extends 'base_user_center.html' %}
{% load static %}
{% block right %}
<div class="right_content clearfix">
<h3 class="common_title2">全部订单</h3>
{% for order in page %}
<ul class="order_list_th w978 clearfix">
<li class="col01">{{ order.create_time }}</li>
<li class="col02">{{ order.order_num }}</li>
<li class="col02 stress">{{ order.status_name }}</li>
</ul> <table class="order_list_table w980">
<tbody>
<tr>
<td width="55%">
{% for order_goods in order.order_goods_list %}
<ul class="order_goods_list clearfix">
<li class="col01"><a href="{% url 'goods:detail' order_goods.goods.id %}"><img src="{{ order_goods.goods.image.url }}"></a></li>
<li class="col02"><a href="{% url 'goods:detail' order_goods.goods.id %}">{{ order_goods.goods.name }}<em>{{ order_goods.goods.price }}元/{{ order_goods.goods.uom }}</em></a></li>
<li class="col03">{{ order_goods.count }}</li>
<li class="col04">{{ order_goods.amount }}</li>
</ul>
{% endfor %}
</td>
<td width="15%">{{ order.total_amount|add:order.transit_amount }}元(含运费)</td>
<td width="15%" class="status">{{ order.status_name }}</br>支付方式:{{ order.method_name }}</td>
{% csrf_token %}
<td width="15%"><a href="#" order_id='{{ order.id }}' order_status='{{ order.order_status }}' status_name='{{ order.status_name }}'pay_method='{{ order.pay_method }}' class="oper_btn">去付款</a></td>
</tr>
</tbody>
</table>
{% empty %}
暂无订单
{% endfor %} <div class="pagenation">
{% if page.has_previous %}
<a href="{% url 'user:order' page.previous_page_number %}"><上一页</a>
{% endif %}
{% for num in pages %}
<a href="{% url 'user:order' num %}" {% if num == page.number %}class="active"{% endif %}>{{ num }}</a>
{% endfor %}
{% if page.has_next %}
<a href="{% url 'user:order' page.next_page_number %}">下一页></a>
{% endif %}
</div>
</div>
{% endblock right %}
上一篇:django-用户中心订单页面


下一篇:day85:luffy:购物车根据有效期不同切换价格&购物车删除操作&价格结算&订单页面前戏