商品详情页,轮播图无法显示

商品详情页,轮播图无法显示

老师,您好,商品详情页中,只有一个商品是可以正常显示轮播图,其他的都无法显示;目前已通过admin后台管理系统中,在图片表中添加了图片,并制定商品的 id ,但仍旧报错,请指点,谢谢!http://img1.sycdn.imooc.com//climg/5e1848570926c10e09190670.jpghttp://img1.sycdn.imooc.com//climg/5e18488c09dd1d4412330701.jpghttp://img1.sycdn.imooc.com//climg/5e1848bd09a2de7816120879.jpghttp://img1.sycdn.imooc.com//climg/5e18498d0915492106870572.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学,你好。

1、报的UUID无效是由于product_detail.html文件中图片的路径错误导致的,同学修改一下即可。同学将该页面中url有红线标识的地方改下图中的路径即可。

http://img1.sycdn.imooc.com//climg/5e18532809f7b84f08490106.jpg

2、同学在添加图片后,点击此位置的连接看下是否能正常打开图片。

http://img1.sycdn.imooc.com//climg/5e18538709320c2610200118.jpg

同学也可以打印下prod_obj.banners是否能得到数据

http://img1.sycdn.imooc.com//climg/5e1854460926794f05160104.jpg

若能,则同学可重启django服务更改端口号(python manage.py runserver 8006)并清空浏览器缓存后重新测试。若不能,同学可看下项目中medias路径中是否有对应的文件及图片

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

  • 肖建文 提问者 #1
    老师,你好,我按照您的提示进行修改,依旧报错,因为回复中无法贴图,我反馈在回答中,请查看,谢谢
    2020-01-11 09:32:40
  • 肖建文 提问者 #2
    老师,刚才重做了一遍,已解决问题,谢谢!
    2020-01-11 09:49:41
提问者 肖建文 2020-01-11 09:31:20

老师,您好。

按照修改意见,依然无法显示轮播图

1、涉及到的 img 标签上的路径已修改,此部分是评论区的内容,修改后似乎不会对轮播图有影响;http://img1.sycdn.imooc.com//climg/5e1922db09ee235111600420.jpg

2、后台管理系统中,图片可以正常打开;

3、通过 print 语句,可以获取 轮播图对象http://img1.sycdn.imooc.com//climg/5e19235a0943970c00000000.jpg

4、重看了视频,product_load_list.html 无误http://img1.sycdn.imooc.com//climg/5e19242609b8618b10960469.jpg

5、第一次修改的衣服图片可以正常显示轮播图,其他的商品就不可以,按照代码,图片都是按照 id ,在product_detail.html 中进行 for 循环,正常来说,应该是可以正常显示的http://img1.sycdn.imooc.com//climg/5e192475096fd9c207140840.jpg

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师