三、我的订单

1.请求方式

选项	方案
请求方法	GET
请求地址	/orders/info/(?P<page_num>\d+)/

    #  我的订单url(r'^orders/info/(?P<page_num>\d+)/', views.UserOrderInfoView.as_view(), name='info'),

2.请求参数：路径参数

参数名	类型	是否必传	说明
page_num	int	是	当前页码

3.响应结果：HTML

user_center_order.html

4.后端接口定义和实现

from django.core.paginator import Paginator, EmptyPageclass UserOrderInfoView(LoginRequiredMixin, View):"""我的订单"""def get(self, request, page_num):"""提供我的订单页面"""user = request.user# 查询订单orders = user.orderinfo_set.all().order_by("-create_time")# 遍历所有订单for order in orders:# 绑定订单状态order.status_name = OrderInfo.ORDER_STATUS_CHOICES[order.status-1][1]# 绑定支付方式order.pay_method_name = OrderInfo.PAY_METHOD_CHOICES[order.pay_method-1][1]order.sku_list = []# 查询订单商品order_goods = order.skus.all()# 遍历订单商品for order_good in order_goods:sku = order_good.skusku.count = order_good.countsku.amount = sku.price * sku.countorder.sku_list.append(sku)# 分页page_num = int(page_num)try:paginator = Paginator(orders, constants.ORDERS_LIST_LIMIT)page_orders = paginator.page(page_num)total_page = paginator.num_pagesexcept EmptyPage:return http.HttpResponseNotFound('订单不存在')context = {"page_orders": page_orders,'total_page': total_page,'page_num': page_num,}return render(request, "user_center_order.html", context)

5.渲染我的订单信息

<div class="right_content clearfix"><h3 class="common_title2">全部订单</h3>{% for order in page_orders %}<ul class="order_list_th w978 clearfix"><li class="col01">{{ order.create_time.strftime('%Y-%m-%d %H:%M:%S') }}</li><li class="col02">订单号：{{ order.order_id }}</li></ul><table class="order_list_table w980"><tbody><tr><td width="55%">{% for sku in order.sku_list %}<ul class="order_goods_list clearfix"><li class="col01"><img src="{{ sku.default_image.url }}"></li><li class="col02"><span>{{ sku.name }}</span><em>{{ sku.price }}元</em></li><li class="col03">{{ sku.count }}</li><li class="col04">{{ sku.amount }}元</li></ul>{% endfor %}</td><td width="15%">{{ order.total_amount }}元<br>含运费：{{ order.freight }}元</td><td width="15%">{{ order.pay_method_name }}</td><td width="15%"><a @click="oper_btn_click('{{ order.order_id }}', {{ order.status }})" class="oper_btn">{{ order.status_name }}</a></td></tr></tbody></table>{% endfor %}<div class="pagenation"><div id="pagination" class="page"></div></div>
</div>

美多商城之订单(我的订单)相关推荐

美多商城项目订单和支付模块总结
订单完成订单结算页面订单展示用的序列化器 # 前端需要运费数据和商品信息数据的字典列表,这里使用嵌套序列化器返回数据 class CartSKUSerializer(serializers.Mod ...
美多商城之订单(提交订单2)
2.4 使用乐观锁并发下单重要提示: 在多个用户同时发起对同一个商品的下单请求时,先查询商品库存,再修改商品库存,会出现资源竞争问题,导致库存的最终结果出现异常. 2.4.1. 并发下单问题演示和解 ...
美多商城之订单(结算订单)
订单提示: 订单入口在<购物车>页面的<去结算>. <去结算>后进入到<结算订单>页面,展示出要结算的商品信息. 一.结算订单 1.1.1. 结算订 ...
客房预订+餐饮预订+酒店app+移动端通用版电商app模板+Axure高保真酒店预订管理系统+积分商城+餐饮预订系统+优惠券+订单管理+移动端酒店管理原型+酒店电商原型
作品介绍:[Axure电商原型]电商APP高保真原型(交互+UI高保真)+移动端通用版电商app模板+Axure高保真酒店预订管理系统+积分商城+餐饮预订系统+优惠券+订单管理+移动端酒店管理原型+酒 ...
【javaWeb微服务架构项目——乐优商城day15】——会调用订单系统接口，实现订单结算功能，实现微信支付功能
0.学习目标会调用订单系统接口实现订单结算功能实现微信支付功能源码笔记及资料: 链接:https://pan.baidu.com/s/1_opfL63P1pzH3rzLnbFiNw 提取码:v ...
Flutter-防京东商城项目-订单列表、订单详情页面布局-45
一直觉得自己写的不是技术,而是情怀,一个个的教程是自己这一路走来的痕迹.靠专业技能的成功是最具可复制性的,希望我的这条路能让你们少走弯路,希望我能帮你们抹去知识的蒙尘,希望我能帮你们理清知识的脉络,希 ...
web电商系统、电商平台WEB端交互原型模板、用户中心、会员中心、优惠券、积分、互动社区、运营推广、内容推荐、商品展示、订单流程、订单管理、售后及服务、Axure原型、rp原型、电商原型、商城系统原型
作品介绍:web电商系统.电商平台WEB端交互原型模板.用户中心.会员中心.优惠券.积分.互动社区.运营推广.内容推荐.商品展示.订单流程.订单管理.售后及服务等完整的电商体系功能架构和业务流程 Ax ...
Java Web 网络商城案例演示十五订单详情功能（提交订单支付界面）
订单详情功能(提交订单支付界面) 原理分析步骤实现: 1.准备工作:order_list.jsp当中修改链接提交当前订单编号 <a href="${pageContext.requ ...
微服务商城系统（十三）订单、支付流程分析
文章目录一.订单 1.登录页面配置 2.用户收件地址查询 3. 下单 (1)表结构介绍 (2)下单实现 (3)库存变更 (4)增加积分二. 支付流程分析 1. 二维码创建 2.微信扫码支付简介 ( ...
10天手敲一个SpringBoot网上商城项目(九)—— 确认订单、创建订单功能的实现及AOP
静态资源及sql文件分享链接:https://pan.baidu.com/s/1X-yjmQcPD3PqS21x0HplNA?pwd=23gr 提取码:23gr 文章目录确认订单 1.确认订单-持 ...

美多商城之订单(我的订单)

三、我的订单

美多商城之订单(我的订单)相关推荐

最新文章

热门文章