Rails下为已有多对多关联的User与Language模型创建关联表单

前置前提：你已经创建了User和Language的多对多中间表，如果还没创建，可以先执行下面的命令生成迁移，然后运行rails db:migrate：

rails generate migration CreateJoinTableUsersLanguages users languages

步骤1：配置强参数 #

在处理用户资料更新的控制器（通常是UsersController或者ProfilesController）中，将language_ids加入强参数允许列表，声明接收数组类型的参数值：

# app/controllers/users_controller.rb
def user_params
  params.require(:user).permit(
    :name,
    :email,
    # 其他需要更新的用户字段
    language_ids: []
  )
end

步骤2：编写表单代码 #

Rails针对多对多关联自动提供了#{关联名}_ids的属性读写方法，直接在表单中绑定该属性即可实现关联关系的更新，不需要额外编写关联操作逻辑。你可以根据语言数量选择两种常见的交互形式：

方案A：复选框组（适合语言总数较少的场景，直观易操作） #

<!-- app/views/users/edit.html.erb -->
<%= form_with model: @user do |form| %>
  <!-- 其他用户信息的表单字段 -->
  <div class="field">
    <%= form.label :languages, "你掌握的语言" %>
    <%= form.collection_check_boxes :language_ids, Language.all, :id, :name do |cb| %>
      <div class="checkbox-item">
        <%= cb.check_box %>
        <%= cb.label %>
      </div>
    <% end %>
  </div>

  <div class="actions">
    <%= form.submit "保存个人资料" %>
  </div>
<% end %>

参数说明：collection_check_boxes第二个参数为可选语言的数据源，你可以替换为过滤后的查询，比如Language.where(enabled: true)只展示启用的语言；第三个参数为选项提交时的value值（用语言ID），第四个参数为选项展示的文本（对应语言表的名称字段，可根据实际字段名调整）。

方案B：下拉多选框（适合语言总数较多的场景，节省页面空间） #

<div class="field">
  <%= form.label :languages, "你掌握的语言" %>
  <%= form.collection_select :language_ids, Language.all, :id, :name, {}, multiple: true %>
</div>

添加multiple: true即可开启多选能力，用户可按住Ctrl/Command键选中多个选项。

功能说明 #

提交表单后Rails会自动处理关联关系的同步：新增用户选中的语言关联，移除用户取消选中的语言关联，完全不需要手动编写中间表的操作代码。

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