23项目实战之移动端会员下订单处理、订单展示

1.移动点残端的订单处理介绍

2.实现移动端下单操作步骤

3.实现会员中心订单展示步骤

=========================================================================

 1.实现移动端下单操作步骤:

编辑移动端视图文件index.py ,添加下单处理视图函数

配置移动端下单操作路由信息

编辑移动端下单前后所需模板文件

(1)订单处理模块介绍:

  • 本模块为移动端会员点餐应用中的下订单处理,主要功能有:下单前确认、执行下单处理、呈现下订单成功信息等操作。

  • 具体效果如下,提交订单,和完成订单

  •  

    (2)编写视图文件,完成订单处理

  • 打开视图文件: mobile/views/index.py,添加了doAddOrders()下订单处理视图函数:
  • 
    from django.shortcuts import render
    from django.http import HttpResponse
    from django.shortcuts import redirect
    from django.urls import reverse
    from datetime import datetime
    from myadmin.models import Member, Shop
    from myadmin.models import Category
    from myadmin.models import Product,Orders,OrderDetail,Payment
    
    # Create your views here.
    def index(request):
        '''移动端首页'''
        #获取并判断当前店铺信息
        shopinfo = request.session.get("shopinfo",None)
        if shopinfo is None:
            return redirect(reverse("mobile_shop")) #重定向到店铺选择页
    
        #获取当前店铺下所有的菜品信息
        clist = Category.objects.filter(shop_id=shopinfo['id'], status=1)
        productlist = dict()
        for vo in clist:
            plist = Product.objects.filter(category_id=vo.id, status=1)
            productlist[vo.id] = plist
        context = {"shopinfo": shopinfo, "categorylist": clist, "productlist": productlist.items(), "cid": clist[0]} #cid 是默认选中侧边栏的哪个选项卡
        return render(request,"mobile/index.html",context)
    
    def register(request):
        '''加载注册/登录页面'''
        return render(request,"mobile/register.html")
    
    def doRegister(request):
        '''执行注册/登录'''
        #获取验证码(现在没有接入短信,所以就先模拟短信验证)
        verifycode = '1234' #request.session['verifycode']
        if verifycode != request.POST['code']:
            context = {'info':'验证码错误'}
            return render(request,'mobile/register.html',context)
        try:
            #根据手机号获取当前会员信息
            member = Member.objects.get(mobile=request.POST['mobile'])
        except Exception as err:
            print(err)
            #此处执行当前会员注册
            ob = Member()
            ob = Member()
            ob.nickname = "顾客"  # 默认会员名称
            ob.avatar = "moren.png"  # 默认头像
            ob.mobile = request.POST['mobile']  # 手机号码
            ob.status = 1
            # ob.create_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
            # ob.update_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
            ob.save()
            member = ob
            # context = {'info':'此账户信息不存在!'}
            # return render(request,'mobile/register.html',context)
        # 检验当前会员状态
        if member.status == 1:  # 1代表正常用户
            # 将当前会员信息转成字典格式并存放到session中
            request.session['mobileuser'] = member.toDict()
            # 重定向到登录页
            ret
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
对于Vue移动端项目的实战,以下是一些常见的步骤和建议: 1. 创建项目:使用Vue CLI来创建一个新的Vue项目。可以选择使用预设模板,如vue create my-project,或者使用Vue UI图形界面创建项目。 2. 选择适合移动端的UI框架:Vue有很多适用于移动端开发的UI框架,例如Vant、Mint UI、Framework7等。根据项目需求和个人喜好选择一个适合的UI框架。 3. 响应式布局:针对移动设备的不同尺寸和屏幕方向,需要使用CSS媒体查询和弹性布局等技术来实现响应式布局,确保页面在不同设备上都能良好显示。 4. 移动端交互:移动设备的交互方式与PC端不同,需要考虑手势操作、触摸事件等。可以使用第三方库如hammer.js来处理手势操作,同时合理设计交互元素和按钮大小,以提升用户体验。 5. 优化性能:移动设备的资源有限,需要对代码进行优化以提升性能。可以使用懒加载、图片压缩、代码分割等技术来减小页面加载和渲染的压力。 6. 使用移动端调试工具:在开发过程中,可以使用Chrome开发者工具的模拟器或真机调试来测试页面在移动设备上的表现。 7. 打包与发布:使用Vue CLI进行打包,生成可部署的静态文件。可以选择将项目部署到服务器上,或者使用移动端应用打包工具如Cordova、React Native等将Vue项目打包成原生应用。 以上是一些开发Vue移动端项目的基本步骤和建议,希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oliver3455

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值