嘿，今天咱聊个实在的——用Django搭建电商商品详情页，并且把图片展示玩出花儿来！这个东西啊，kan似简单，但细节里藏着大文章。咱从零开始，一步步摸索，绝不装大尾巴狼！

哎呀，这个问题啊...说起来真有点儿那个...其实hen多站长dou头疼这事。百度那家伙有时候挺任性的。它不收录你网站可Neng有几个原因：

内容太单薄就写几句话算啥？要写得让人kan了想分享！

结构太乱标题标签没用对、链接关系混乱...

geng新太慢像开张小店一样天天有新货才Neng吸引顾客嘛！

黑帽技术别想着偷懒投机取巧哦~

权重不够刚开业的小店怎么Neng和大牌比呢？

解决方法hen简单——Zuo好内容、优化结构、定期geng新、诚信经营！记住了哈！

先说正经事！要搞商品详情页， 得弄清楚我们需要存储哪些数据：

python

class Product: name = models.CharField description = models.TextField price = models.DecimalField stock = models.PositiveIntegerField created_at = models.DateTimeField

class ProductImage: product = models.ForeignKey image = models.ImageField is_main = models.BooleanField # 是否是主图

kan见没？这里有两个关键模型： - Product存放基本商品信息 - ProductImage专门管理每个商品的多张图片

注意那个is_main字段哦！这可是后面Zuo主图切换的核心！

老哥们别嫌麻烦，Admin配置一定要认真：

python

from django.contrib import admin from .models import Product, ProductImage

class ProductImageInline: model = ProductImage extra = 3

@admin.register class ProductAdmin: inlines =

这样你在后台就Neng方便地： 1. 添加新商品时直接上传多张图片 2. 一眼kan出哪张是主图 3. 随时geng换主图而不用删除其他图片

现在来写视图函数。别着急复制粘贴，听我慢慢道来：

python

from django.shortcuts import render, getobjector_404 from .models import Product

def productdetail: product = getobjector404, id=product_id)

# 获取所有副图
sub_images = product.productimage_set.filter.order_by
context = {
    'product': product,
    'sub_images': sub_images,
    'main_image': product.productimage_set.get,
    'all_images': product.productimage_set.all  # 所有图片包括主副图
}
return render

这里用到了prefetch_related优化查询效率。还有就是通过get获取唯一的主图。

记得在urls.py里配置路由哦： python path,

这是Zui关键的一步！让咱们把HTML写得漂漂亮亮：

{% extends "base.html" %} {% load static %}

{% block content %}

{% for image in all_images %} {% endfor %}

{{ product.description }}

￥{{ product.price }}