django开发电子商城(十三)购物车页面放入项目中和django序列化

1:修改配置相关路径


django开发电子商城(十三)购物车页面放入项目中和django序列化_第1张图片


django开发电子商城(十三)购物车页面放入项目中和django序列化_第2张图片

2:在前端页面中设置,由于vue的参数语法和django模板语言重复,设置某部分代码不由django解析


django开发电子商城(十三)购物车页面放入项目中和django序列化_第3张图片

3:在views.py中增加shop_cart的响应函数


django开发电子商城(十三)购物车页面放入项目中和django序列化_第4张图片

4:在urls.py中增加路由


django开发电子商城(十三)购物车页面放入项目中和django序列化_第5张图片

运行结果如下:


django开发电子商城(十三)购物车页面放入项目中和django序列化_第6张图片

5:安装序列化需要用到的库

在命令行中输入如下命令:pip install djangorestframework


django开发电子商城(十三)购物车页面放入项目中和django序列化_第7张图片

7:在settings.py中注册rest_framework


django开发电子商城(十三)购物车页面放入项目中和django序列化_第8张图片

8:在settings.py中增加代码,暂时关闭身份验证


django开发电子商城(十三)购物车页面放入项目中和django序列化_第9张图片

9:在firstapp中新建空py文件api.py

10:在api.py中编写序列化类,并获取所有购物车中的数据后,并序列化返回


django开发电子商城(十三)购物车页面放入项目中和django序列化_第10张图片

11:在urls.py中配置api的路由


django开发电子商城(十三)购物车页面放入项目中和django序列化_第11张图片

12:在浏览器中输入http://127.0.0.1:8000/api/all_shopcart/,运行结果如下:


django开发电子商城(十三)购物车页面放入项目中和django序列化_第12张图片

13:在序列化类中增加深度设置,不设置默认为0,将深度设置为1


django开发电子商城(十三)购物车页面放入项目中和django序列化_第13张图片
django开发电子商城(十三)购物车页面放入项目中和django序列化_第14张图片

14:筛选出需要通过接口的返回的字段


django开发电子商城(十三)购物车页面放入项目中和django序列化_第15张图片
django开发电子商城(十三)购物车页面放入项目中和django序列化_第16张图片

15:做路由包含,在各个应用内部做自己应用本身的路由

在firstapp中新建urls.py文件,并对主urls.py文件做如下修改

主urls.py文件


django开发电子商城(十三)购物车页面放入项目中和django序列化_第17张图片

firstapp中的urls.py文件


django开发电子商城(十三)购物车页面放入项目中和django序列化_第18张图片

你可能感兴趣的:(django开发电子商城(十三)购物车页面放入项目中和django序列化)