Django电商项目---完成购物车页面day4

创建购物车项目App

python manage.py startapp df_cart

image

初始化项目:

manas/urls.py

Django电商项目---完成购物车页面day4_第1张图片

manas/settings.py

Django电商项目---完成购物车页面day4_第2张图片

创建新文件:df_cart/urls.py

Django电商项目---完成购物车页面day4_第3张图片

创建模型类

df_cart/models.py

Django电商项目---完成购物车页面day4_第4张图片

 

初始化数据库

python manage.py  makemigrations
python manage.py migrate

Django电商项目---完成购物车页面day4_第5张图片

界面效果:

Django电商项目---完成购物车页面day4_第6张图片

 

添加购物车操作

 

df_carts/views.py

Django电商项目---完成购物车页面day4_第7张图片

df_carts/urls.py

Django电商项目---完成购物车页面day4_第8张图片

在detail界面添加购物车

templates/df_goods/detail.html

Django电商项目---完成购物车页面day4_第9张图片

 

在list界面添加购物车

templates/df_goods/list.html

Django电商项目---完成购物车页面day4_第10张图片

 

添加购物车界面:

Django电商项目---完成购物车页面day4_第11张图片

 

修改/删除商品

 

df_carts/urls.py

Django电商项目---完成购物车页面day4_第12张图片

df_carts/views.py

Django电商项目---完成购物车页面day4_第13张图片

修改templates/df_cart/cart.html(主要是利用ajax进行数据传输操作)

Django电商项目---完成购物车页面day4_第14张图片

后台数据库显示:

Django电商项目---完成购物车页面day4_第15张图片

转载于:https://www.cnblogs.com/ftl1012/p/10391677.html

你可能感兴趣的:(Django电商项目---完成购物车页面day4)