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

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


django开发电子商城(二十)详情页接入及流程调整_第1张图片
django开发电子商城(二十)详情页接入及流程调整_第2张图片

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


django开发电子商城(二十)详情页接入及流程调整_第3张图片

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


django开发电子商城(二十)详情页接入及流程调整_第4张图片

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


django开发电子商城(二十)详情页接入及流程调整_第5张图片

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


django开发电子商城(二十)详情页接入及流程调整_第6张图片

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


django开发电子商城(二十)详情页接入及流程调整_第7张图片

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


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


django开发电子商城(二十)详情页接入及流程调整_第8张图片

运行效果如下:


django开发电子商城(二十)详情页接入及流程调整_第9张图片

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


django开发电子商城(二十)详情页接入及流程调整_第10张图片

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


django开发电子商城(二十)详情页接入及流程调整_第11张图片

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


django开发电子商城(二十)详情页接入及流程调整_第12张图片

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


django开发电子商城(二十)详情页接入及流程调整_第13张图片

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


django开发电子商城(二十)详情页接入及流程调整_第14张图片

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


django开发电子商城(二十)详情页接入及流程调整_第15张图片

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


django开发电子商城(二十)详情页接入及流程调整_第16张图片

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


django开发电子商城(二十)详情页接入及流程调整_第17张图片


django开发电子商城(二十)详情页接入及流程调整_第18张图片


django开发电子商城(二十)详情页接入及流程调整_第19张图片


django开发电子商城(二十)详情页接入及流程调整_第20张图片

你可能感兴趣的:(django开发电子商城(二十)详情页接入及流程调整)