Rails中如何用会话变量实现珊瑚数据子集的切换功能？

1. 控制器逻辑修改 #

在你的SpeciesController中，用会话变量存储用户选择的分组，替换原有的URL参数筛选：

class SpeciesController < ApplicationController
  def index
    # 默认显示全部物种，若会话中有分组记录则使用该分组
    @selected_group = session[:coral_group] || 'all'
    
    # 根据分组筛选数据
    @species = case @selected_group
               when 'hexacorals'
                 Species.where(group: 'Hexacorals')
               when 'octocorals'
                 Species.where(group: 'Octocorals')
               else
                 Species.all
               end
  end

  # 更新会话中的分组设置
  def set_coral_group
    session[:coral_group] = params[:group]
    redirect_to species_path # 重定向回物种列表页
  end
end

2. 配置路由 #

在config/routes.rb中添加更新分组的路由：

Rails.application.routes.draw do
  resources :species
  # 添加分组设置的路由
  get '/species/set_group', to: 'species#set_coral_group', as: :set_coral_group
end

3. 页面头部添加切换按钮 #

在页面头部（比如app/views/layouts/application.html.erb或物种列表页的头部）插入切换按钮，同时标记当前激活的分组：

<div class="coral-group-tabs">
  <%= link_to '全部物种', set_coral_group_path(group: 'all'), class: "#{'active-tab' if @selected_group == 'all'}" %>
  <%= link_to '仅Hexacorals', set_coral_group_path(group: 'hexacorals'), class: "#{'active-tab' if @selected_group == 'hexacorals'}" %>
  <%= link_to '仅Octocorals', set_coral_group_path(group: 'octocorals'), class: "#{'active-tab' if @selected_group == 'octocorals'}" %>
</div>

4. 样式优化（可选） #

在app/assets/stylesheets/application.css中添加基础样式，让切换按钮更直观：

.coral-group-tabs {
  margin: 1.5rem 0;
}
.coral-group-tabs a {
  padding: 0.6rem 1.2rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  margin-right: 0.5rem;
}
.coral-group-tabs a.active-tab {
  background-color: #2563eb;
  color: white;
  border-color: #2563eb;
}

补充说明 #

• 会话变量session[:coral_group]会保留用户的选择，直到浏览器关闭或会话过期，比URL参数更符合"记住用户偏好"的需求。
• 若需要重置用户的分组偏好，可以添加一个"重置视图"按钮，调用session.delete(:coral_group)后重定向。

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