Ruby on Rails：跳转至用户资料后如何显示图片标题？

问题分析与解决方案 #

核心问题

你犯了两个关键错误：

1. 改错了页面：上传照片后跳转的是用户资料页（User的show页面），但你修改的是Photo的show.html.haml，这两个是完全不同的页面；
2. Photo的show动作未定义：你的PhotosController里没有实现show方法，访问该页面时@photo变量根本不存在，自然显示不出标题；
3. 路由路径错误：show.html.haml里的@user_photos_path是未定义的实例变量，应该用路由辅助方法。

分步解决

1. 在用户资料页显示照片标题

上传后跳转的是用户资料页，所以需要修改User的show页面（通常路径是app/views/users/show.html.haml）：

# 假设页面已有用户基础信息，添加以下代码展示照片
%h2 我的照片
- @user.photos.each do |photo|
  .photo-card
    = photo.title  # 显示照片标题
    = image_tag photo.image.url
    = image_tag photo.image.url(:thumb)

同时确保UsersController的show动作加载用户的照片：

# app/controllers/users_controller.rb
class UsersController < ApplicationController
  def show
    @user = User.find(params[:id])
    @photos = @user.photos  # 预加载照片，避免冗余查询
  end
end

2. 修复Photo的单独详情页（如果需要）

如果要做单独的照片详情页，先给PhotosController添加show动作：

# app/controllers/photos_controller.rb
def show
  @photo = Photo.find(params[:id])
  @user = @photo.user
end

然后修正app/views/photos/show.html.haml的代码：

= link_to "返回用户资料页", user_path(@user)
.photo-detail
  = @photo.title
  = image_tag @photo.image.url
  = image_tag @photo.image.url(:thumb)

额外优化

• 照片创建逻辑可以简化：直接用@user.photos.create(photo_params)，不用手动设置user_id再save；
• 上传表单可以复用new动作里的@photo变量：

# app/views/photos/new.html.haml
= form_for @photo, :url => user_photos_path(@user), :html => {:multipart => true} do |form|

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