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-天天生鲜项目从0到1-012-订单-用户订单页面的更多相关文章
- django天天生鲜项目
.后台admin管理天天生鲜商品信息 models里 from django.db import modelsfrom tinymce.models import HTMLField #需要pip安装 ...
- DJANGO-天天生鲜项目从0到1-010-购物车-购物车操作页面(勾选+删改)
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
- DJANGO-天天生鲜项目从0到1-007-首页静态化与缓存
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
- python 天天生鲜项目
python 天天生鲜项目 django版:https://github.com/Ivy-1996/fresh flask版:https://github.com/Ivy-1996/flask-fre ...
- Django之天天生鲜项目
准备工作 1.配置settings.py内置文件 注意: AUTH_USER_MODEL配置参数要在第一次迁移数据库之前配置,否则可能django的认证系统工作不正常 2.创建应用 3.配置主路由 一 ...
- DJANGO-天天生鲜项目从0到1-011-订单-订单提交和创建
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
- DJANGO-天天生鲜项目从0到1-009-购物车-Ajax实现添加至购物车功能
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
- DJANGO-天天生鲜项目从0到1-009-搜索功能实现(django-haystack+whoosh+jieba)
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
- DJANGO-天天生鲜项目从0到1-006-首页-内容展示
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
随机推荐
- java基础-循环标签
outer: for innter: for break outer//跳出整个循环: continue outer//结束本次外循环的循环 break inner; continute inner; ...
- ES6 promise用法总结
一 什么时候promise? promise是异步编程的一个解决方案,是一个构造函数,身上带着all,resolve,reject,原型上有cath,then等方法 promise有两个特点: 1 ...
- python从文件载入字典
data = np.load('dict_.npy') data = data.item() 不加最后一句,data不是字典类型
- HttPclient 以post方式发送json
使用HttpClient 以POST的形式发送json字符串 步骤: 1.url .parameters 2.创建httpClient对象 3.创建HttpPost对象 4.为post对象设置参数 5 ...
- 《算法笔记》6.7小节 问题 A: 简单计算器
又是大模拟淦淦淦淦淦淦淦 思路: 这道题我居然用的队列orz. 言归正传,这道题就是模拟计算器.从读题目样例可以发现,数字的个数只比符号的个数多一个,那么这就给我们了思路:用队列,先提前放出一个数,每 ...
- IDEA中文注释难看的简单解决办法
好多人会发现IDEA这款集成开发工具的中文(主要是在注释上面)显示都比较难看,如下面: 都以为是字体的原因,于是各种替换字体,麻烦不说,还容易造成乱码的问题. 真正难看的原因并不是字体,而是以为是斜体 ...
- MySQL授权--WITH GRANT OPTION
今天在学习MySQL的时候,看到一句描述 WITH GRANT OPTION should be left out if the user need not be able to grant othe ...
- swaager-ui 美化版
简介 Swagger UI允许任何人(无论您是开发团队还是用户)都可以可视化API资源并与之交互,而无需任何实现逻辑.它是根据您的OpenAPI(以前称为Swagger)规范自动生成的,具有可视化文档 ...
- 苹果手机history.back()返回不刷新问题
苹果手机,a页面打开b页面,b页面使用history.back(-1)返回a页面时,a页面不刷新,可在a页面添加以下代码: var isPageHide = false; window.addEven ...
- 有点愧疚,今天把unity官方骗了...
今天下午2点,突然给我发了一封邮件说我违规: Unity Technologies Hello, Your Account: *@*.net has been suspended and you ca ...