Vue + drf 打造前后端分离的生鲜电商平台 —— 周报 2

		                    ——————  学习周报 2019.1.27

---

---

掌握的技术：

• Vue + Django REST framework 前后端分离技术
• restful api 开发流程
• Django REST framework 的功能实现和核心源码分析
• Sentry 完成线上系统的错误日志的监控和警告
• 第三方登录和支付宝支付的集成
• 本地调试远程服务器代码技巧

---

---

完成情况：

• 完成“ 商品列表页” 功能
  • Django 的 view 实现商品列表页
  • Django 的 serializer 序列化 model
  • apiview 方式实现商品列表页
  • drf 的 modelserializer 实现商品列表页功能
  • GenericView 方式实现列表页和分页功能详解
  • viewsets 和 router 完成商品列表页
  • drf 的 Apiview、GenericView、Viewset 和 router的原理分析
  • drf 的 request 和 response
  • drf 的过滤
  • drf 的搜索和排序

---

---

笔记：

以下功能都基于 drf 的文档：drf 文档

多种方法实现商品列表页： Django 的 view、apiview、GenericView、viewsets 和 router

1、Django 的 view 实现商品列表页

• 在apps / goods / 新建 view_base.py： class GoodsListView(View):

class GoodsListView(View):
    def get(self, request):
        """
        通过django的view实现商品列表页
        :param request:
        :return:
        """
        json_list = []
        goods = Goods.objects.all()[:10]
        for good in goods:
            json_dict = {}
            json_dict["name"] = good.name
            json_dict["category"] = good.category.name
            json_dict["market_price"] = good.market_price
            json_list.append(json_dict)

        from django.http import HttpResponse
        import json
        return HttpResponse(json.dumps(json_list), content_type="application/json")

• 配置url：url(r'^goods/$', GoodsListView.as_view(), name="goods-list")
• 浏览器访问：127.0.0.1:8080/goods
  
• 很乱，为了格式化显示json ：下载 json view插件：
  • 具体安装配置看我另一篇博客：jsonview 插件安装</