Django数据库宠物图片显示及静态目录配置问题咨询

一、修正视图与模板的多对多字段遍历逻辑 #

你的视图和模板存在两处核心错误：

• 视图中PetOwner.objects.filter(name="pets")逻辑完全错误，这会去查找名为"pets"的宠物主人，而非当前页面主人关联的宠物
• 遍历多对多字段必须调用.all()方法，直接遍历关联管理器会报错；且完全不需要手动构建pet_photos字典，Django模板可直接通过模型关联获取数据

修正后的视图（无需额外构建上下文） #

class PetOwnerDetailView(DetailView):
    model = PetOwner
    context_object_name = "owner"
    template_name = "pet_owner_profile.html"
    # 无需重写get_context_data，DetailView已自动传入owner对象

修正后的模板代码 #

{% for pet in owner.pets.all %}
    <h3>{{ pet.name }}</h3>
    {% for photo in pet.pet_photos.all %}
        <img src="{{ photo.photo.url }}" alt="{{ photo.title }}">
    {% empty %}
        <p>暂无该宠物的照片</p>
    {% endfor %}
{% endfor %}

二、模型代码优化 #

PetPhoto中的自定义id字段属于冗余配置，Django会自动生成主键，且与你设置的slug主键冲突，建议删除：

class PetPhoto(models.Model):
    slug = models.SlugField(max_length=5, primary_key=True, blank=True, null=False)
    title = models.CharField(max_length=255)
    # 移除自定义id字段，Django自动维护主键
    photo = models.ImageField(blank=False, upload_to='pet_photos/')  # 建议添加upload_to指定图片存储路径
    # ... 其他方法

三、静态/媒体文件配置修正 #

你混淆了静态文件与媒体文件的概念：网站固定资源（CSS、JS）用静态文件配置，用户上传的宠物图片属于媒体文件，需单独配置：

1. 修改settings.py配置 #

import os
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# 静态文件配置（用于固定资源）
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static/')
# 开发阶段指定静态文件目录
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

# 媒体文件配置（用户上传的图片）
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')

2. 项目urls.py添加媒体路由（仅开发环境） #

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... 你的其他路由
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

3. 注意事项 #

确保media/pet_photos目录存在（Django会自动创建，需保证目录读写权限），上传的图片会自动存储到该路径下。

内容的提问来源于stack exchange，提问作者Michael Starr