20. 项目实战之移动端的店铺切换

• 本节将实现移动端店铺选择切换效果，也就是为了实现移动端首页菜品展示做准备。

• 具体店铺切面效果如下。切换某个店铺，然后跳转到某个店铺展示菜品

•  实现移动端店铺的切换步骤：

• 编辑视图文件index.py

• 配置店铺选择切换路由信息

  编辑店铺选择模板文件

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

   

  (1). 编辑视图文件获取店铺信息

• 编辑 mobile/views/index.py 视图文件的shop()和selectshop()函数，完成店铺信息选择切换操作。

• from myadmin.models import Shop
  
  # ... ...
  
  def shop(request):
      ''' 呈现店铺选择页面 '''
      context = {'shoplist':Shop.objects.filter(status=1)}
      return render(request,"mobile/shop.html",context)
  
  def selectShop(request):
      ''' 执行店铺选择 '''
      #获取店铺id号，通过店铺id号获取店铺信息
      sid = request.GET['sid']
      ob = Shop.objects.get(id=sid) 
      #将店铺信息放入到session中
      request.session['shopinfo'] = ob.toDict()
      return redirect(reverse('mobile_index'))
  
  # ... ...

(2). 配置店铺选择切换路由

• 编辑 mobile/urls.py 移动端路由文件。

... ...

  #店铺选择
    path('shop', index.shop, name="mobile_shop"), #移动端店铺选择页
    path('shop/select', index.selectShop, name="mobile_selectshop"), #执行移动端店铺选择

... ...

 

(3).　编辑模板文件实现店铺信息展示

• 打开模板文件：templates/mobile/shop.html,编辑如下：

  {% extends 'mobile/base.html' %}
  {% load static %}
  
  {% block mainbody %}
  	
  	
  
  		
  			切换店铺
  			
  		
  	
  
  	
  	
  
  		
  		
  			
  
  				{% for vo in shoplist %}
  				
  
  					{vo.id}}">
  					{vo.cover_pic}}" alt="">
  					{{vo.name}}
  电话：{{vo.phone}}
  {{vo.address}}
  					
  				
  				{% endfor %}
  			
  		
  
  	
  {% endblock %}

• 打开 templates/mobile/index.html 模板文件，在首页中显示已切换好的店铺信息

• {% extends 'mobile/base.html' %}
  {% load static %}
  
  
  
  {% block mainbody %}
  	
  	
  
  		
  			{{request.session.shopinfo.name}}--{{request.session.shopinfo.shop}}
  		
  		
  	
  
  	
  	
  		
  	
  
  	
  	
  		
  		
  		
  			
  分类导航
  			双拼套餐
  			盖饭
  			小菜
  			汤/饮料
  		
  		
  		
  		
  			
  			
  
  				
  
  					
  						
  						法国猪肋排 1kg/袋瘦肉多，绝对超值精排 ¥35.00
  乐果派旗舰店
  					
  					
  				
  				
  
  					
  						
  						乌拉圭进口牛肋条BTV推荐，全网独家热销¥59.00
  乐果派旗舰店
  					
  					
  				
  				
  
  					
  						
  						智利肋排脆骨 1kg/袋¥56.60
  乐果派旗舰店
  					
  					
  				
  				
  
  					
  						
  						温氏 农养鸡 袋装 （800g）¥38.80
  乐果派旗舰店
  					
  					
  				
  			
  			
  
  				
  
  					
  						
  						江西萍乡土鸡蛋林地散养，原粮喂养，蛋黄大，蛋清粘稠¥12.80
  乐果派旗舰店
  					
  					
  				
  				
  
  					
  						
  						台湾皮蛋，松花蛋¥28.00¥31.90
  乐果派旗舰店
  					
  					
  				
  			
  			
  
  				
  
  					
  						
  						萍乡土鸡蛋¥28.00¥31.90
  乐果派旗舰店
  					
  					
  				
  				
  
  					
  						
  						新鲜猪肉¥28.00¥31.90
  乐果派旗舰店
  					
  					
  				
  				
  
  					
  						
  						鸡肉¥28.00¥31.90
  乐果派旗舰店
  					
  					
  				
  			
  			
  
  
  		
  		
  		
  		
  			
  			
  				清空
  				
  			
  			
  			
  				
  
  					
  				
  			
  			
  			
  				共计：¥0.00
  			
  		
  
  	
  
  	
  	
  		切换店铺
  		
  		0购物车
  		我的
  		去结算
  	
  	
  	
  	
  {% endblock %}
  
  {% block myjavascript %}
  
  {% endblock %}