如何在Rails中通过弹窗表单增减关联模型B的amount属性？

1. 扩展嵌套路由，添加自定义动作 #

给嵌套的bs资源添加针对单个实例的自定义动作，用来渲染弹窗表单和处理增减逻辑：

resources :as do
  resources :bs do
    member do
      get :increase_form # 用于渲染弹窗表单
      patch :increase    # 处理amount增加的逻辑
    end
  end
end

2. 完善Bs控制器方法 #

修正并补充控制器逻辑，同时处理嵌套资源的权限和参数安全：

class BsController < ApplicationController
  # 渲染弹窗用的表单页面
  def increase_form
    @a = A.find(params[:a_id])
    @b = @a.bs.find(params[:id])
  end

  # 处理amount增加逻辑
  def increase
    @a = A.find(params[:a_id])
    @b = @a.bs.find(params[:id])
    increment_amount = params[:increment].to_i
    
    @b.amount += increment_amount

    if @b.save
      respond_to do |format|
        # 用Turbo Stream刷新B实例的展示内容，无需整页刷新
        format.turbo_stream { render turbo_stream: turbo_stream.replace(@b, partial: 'bs/b', locals: { b: @b }) }
        format.html { redirect_to a_path(@a), notice: 'Amount updated successfully' }
      end
    else
      respond_to do |format|
        # 保存失败时重新渲染弹窗表单并展示错误
        format.turbo_stream { render turbo_stream: turbo_stream.replace('increase-modal', partial: 'bs/increase_form', locals: { a: @a, b: @b }) }
        format.html { render :increase_form }
      end
    end
  end

  private

  # 强参数，确保仅允许合法参数传入
  def b_params
    params.permit(:increment)
  end
end

注意事项：

• 必须通过@a.bs.find查找B实例，避免用户修改不属于当前A的资源
• 将增减参数命名为increment，避免和amount字段混淆
• 用save而非update，更方便处理错误反馈

3. 实现弹窗表单（基于Turbo + Bootstrap模态框） #

3.1 添加触发弹窗的链接 #

在展示B实例的视图（如views/as/show.html.erb或views/bs/_b.html.erb）中添加触发链接：

<%= link_to 'Increase Amount', increase_form_a_b_path(@a, @b), 
            data: { turbo_frame: 'increase-modal', turbo_action: 'replace', toggle: 'modal', target: '#increase-modal' } %>

3.2 创建弹窗表单局部视图 #

新建views/bs/_increase_form.html.erb：

<div class="modal fade" id="increase-modal" tabindex="-1" aria-labelledby="increaseModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="increaseModalLabel">Increase Amount for <%= @b.name %></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <%= form_with(model: [@a, @b], url: increase_a_b_path(@a, @b), method: :patch, data: { turbo_frame: '_top' }) do |form| %>
        <div class="modal-body">
          <% if @b.errors.any? %>
            <div class="alert alert-danger">
              <% @b.errors.full_messages.each do |msg| %>
                <p><%= msg %></p>
              <% end %>
            </div>
          <% end %>
          <div class="mb-3">
            <%= form.label :increment, 'Increase by:', class: 'form-label' %>
            <%= form.number_field :increment, value: 1, min: 1, class: 'form-control' %>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
          <%= form.submit 'Update Amount', class: 'btn btn-primary' %>
        </div>
      <% end %>
    </div>
  </div>
</div>

3.3 添加Turbo Frame容器 #

在应用布局文件（如layouts/application.html.erb）中添加隐藏的Turbo Frame，用来承载弹窗内容：

<%= turbo_frame_tag 'increase-modal', class: 'd-none' %>

4. 可选：补充减少Amount的功能 #

如果需要实现减少逻辑，只需重复上述步骤：

• 路由添加decrease_form和decrease动作
• 控制器新增decrease方法，逻辑改为@b.amount -= decrement_amount
• 视图添加对应的触发链接和弹窗表单

模型层验证（可选） #

为避免amount变为负数，在B模型中添加验证：

class B < ApplicationRecord
  belongs_to :a
  validates :amount, numericality: { greater_than_or_equal_to: 0 }
end

内容的提问来源于stack exchange，提问作者Lars Kakavandi-Nielsen