Django访问关联表实现食谱跳转至首个关联博文的方案咨询

结论 #

不需要重新设计现有模型，你的多对多关联结构完全满足需求，只需要调整视图和模板的逻辑即可实现。

具体实现步骤 #

1. 调整视图逻辑（避免N+1查询问题）

修改views.py中的allrecipes方法，提前为每个食谱预加载关联的博文数据，同时挂载首个关联博文的slug：

def allrecipes(request):
    # prefetch_related 预加载关联数据，避免遍历食谱时重复查询数据库
    recipes = Recipes.objects.prefetch_related('postrecipes_set__post').order_by('title')
    
    for recipe in recipes:
        # 按博文主键升序取第一个，即为最早包含该食谱的博文
        first_relation = recipe.postrecipes_set.order_by('post__id').first()
        # 挂载首个博文的slug，没有关联博文的话默认跳转到首页
        recipe.first_post_slug = first_relation.post.slug if first_relation else '/'
    
    context = {
        'recipes': recipes,
    }
    return render(request, "All-recipes.html", context)

如果你不想在视图里循环处理，也可以直接在Recipes模型中添加属性方法，效果完全一致：
在models.py的Recipes类中添加如下代码：

@property
def first_post_slug(self):
    first_relation = self.postrecipes_set.order_by('post__id').first()
    return first_relation.post.slug if first_relation else '/'

添加后视图不需要做任何修改，后续可以直接在模板中调用该属性。

2. 修改模板代码

你之前的模板中直接调用item.slug是错误的，slug字段属于博文模型而非食谱模型，调整如下：

<!-- 外层div加grid布局样式即可实现网格展示 -->
<div class="recipe-grid">
{% for item in recipes %}
  <!-- 这里的路径前缀替换成你实际博文详情页的前缀，比如你的博文路径是`/blog/xxx`就改成`/blog/{{ item.first_post_slug }}` -->
  <a href="/posts/{{ item.first_post_slug }}">
    <h3>{{ item.title }}</h3>
    {% if item.summary %}
    <p>{{ item.summary }}</p>
    {% endif %}
  </a>
{% endfor %}
</div>

3. 添加网格布局CSS

在你的样式文件中加入如下代码即可实现响应式网格布局：

.recipe-grid {
  display: grid;
  /* 卡片最小宽度280px，自动适配列数 */
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  padding: 24px;
}
.recipe-grid a {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  text-decoration: none;
  color: inherit;
}

注意事项 #

• 如果需要调整首个博文的排序规则，把order_by('post__id')改成order_by('-post__create_time')即可（需要你提前给Posts模型加创建时间字段）
• 可以在视图中过滤掉没有关联博文的食谱，只需要加一句recipes = recipes.exclude(postrecipes=None)即可
• 现有模型不需要任何修改，完全可以支撑后续你要给单个食谱做独立详情页的需求，不用提前重构。

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