django开发电子商城(二十)详情页接入及流程调整

1:首页做部分调整,去掉登陆和注册按钮,以及头像信息

《django开发电子商城(二十)详情页接入及流程调整》
《django开发电子商城(二十)详情页接入及流程调整》

2:在index.html中增加跳转到列表页的链接

《django开发电子商城(二十)详情页接入及流程调整》

3:增加部分图片的跳转链接

《django开发电子商城(二十)详情页接入及流程调整》

4:将商品详情页的文件导入到tempalte目录下

《django开发电子商城(二十)详情页接入及流程调整》

5:修改detail.html文件中的静态资源加载信息

《django开发电子商城(二十)详情页接入及流程调整》

6:detail.html文件中导入头部模板文件

《django开发电子商城(二十)详情页接入及流程调整》

7:编写响应详情页的函数

《django开发电子商城(二十)详情页接入及流程调整》

8:在路由中添加detail的路由

《django开发电子商城(二十)详情页接入及流程调整》

运行效果如下:

《django开发电子商城(二十)详情页接入及流程调整》

9:修改list.html,修改该网页的标题

《django开发电子商城(二十)详情页接入及流程调整》

10:修改detail的url路由,让其可以接受商品ID的参数

《django开发电子商城(二十)详情页接入及流程调整》

11:修改views.py中的响应函数,接收从URL传过来的product_id,如果商品ID不存在,则返回错误信息页面,如果ID存在,根据ID获取商品信息后,将商品信息返回到前端HTML页面进行渲染,具体如下:

《django开发电子商城(二十)详情页接入及流程调整》

进一步修改优化后,如下:

《django开发电子商城(二十)详情页接入及流程调整》

12:在list.html中增加图片跳转到商品详情页的链接

《django开发电子商城(二十)详情页接入及流程调整》

13:在detail.html中根据返回的数据进行页面渲染

《django开发电子商城(二十)详情页接入及流程调整》

14:在views.py中add_to_shopcart函数中增加如下代码,处理详情页添加到购物车,数量大于1的情况

《django开发电子商城(二十)详情页接入及流程调整》

15:给首页的各个模块接入详情页的链接

《django开发电子商城(二十)详情页接入及流程调整》

《django开发电子商城(二十)详情页接入及流程调整》

《django开发电子商城(二十)详情页接入及流程调整》

《django开发电子商城(二十)详情页接入及流程调整》

点赞