如何在首页根据用户注册状态渲染JS文件以显示模态框？

看起来你已经找到了方向，但当前控制器的逻辑还有优化空间，而且正常HTML请求不会触发你写的format.js响应。我来帮你梳理完整的实现步骤：

1. 修正控制器逻辑 #

首先调整控制器，去掉冗余的before_action，直接在home方法里判断用户状态，把判断结果传给视图：

class PagesController < ApplicationController
  def home
    # 仅当用户已登录且未填写姓名时，标记需要显示模态框
    @show_registration_modal = current_user&.name.nil?
  end
end

2. 创建模态框的HTML结构 #

在app/views/pages目录下新建_registration_modal.html.erb部分视图，用Bootstrap 5的模态框示例（你可以替换成自己项目用的UI库）：

<div class="modal fade" id="incomplete-reg-modal" tabindex="-1" aria-labelledby="modal-title" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal-title">完善个人信息</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>请补充您的姓名信息，以便使用完整功能。</p>
      </div>
      <div class="modal-footer">
        <%= link_to '立即完善', edit_user_registration_path, class: 'btn btn-primary' %>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">稍后再说</button>
      </div>
    </div>
  </div>
</div>

3. 在首页视图中触发模态框 #

打开app/views/pages/home.html.erb，添加条件判断，当需要显示模态框时，渲染模态框并执行显示逻辑：

<% if @show_registration_modal %>
  <%= render 'registration_modal' %>

  <%= javascript_tag do %>
    # 兼容Rails Turbo，确保DOM加载完成后再触发
    document.addEventListener('turbo:load', function() {
      const modalEl = document.getElementById('incomplete-reg-modal');
      if (modalEl) {
        const modal = new bootstrap.Modal(modalEl);
        modal.show();
      }
    });
  <% end %>
<% end %>

可选：用纯JS动态生成模态框 #

如果你不想写单独的HTML部分视图，可以创建app/views/pages/js/confirmation.js.erb，用JS动态构建模态框：

// 构建模态框HTML
const modalHTML = `
<div class="modal fade" id="incomplete-reg-modal" tabindex="-1" aria-labelledby="modal-title" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal-title">完善个人信息</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>请补充您的姓名信息，以便使用完整功能。</p>
      </div>
      <div class="modal-footer">
        <a href="<%= edit_user_registration_path %>" class="btn btn-primary">立即完善</a>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">稍后再说</button>
      </div>
    </div>
  </div>
</div>
`;

// 添加到页面并显示
document.body.insertAdjacentHTML('beforeend', modalHTML);

document.addEventListener('turbo:load', function() {
  const modal = new bootstrap.Modal(document.getElementById('incomplete-reg-modal'));
  modal.show();
});

然后在首页视图中引入这个JS：

<% if current_user&.name.nil? %>
  <%= javascript_include_tag 'pages/js/confirmation' %>
<% end %>

关键提醒 #

• 确保项目里已经引入了对应UI库的JS（比如Bootstrap的bootstrap.bundle.min.js），否则模态框无法正常工作。
• 用current_user&.name.nil?避免未登录用户访问时出现nil报错。
• 兼容Rails Turbo的turbo:load事件，确保JS在页面完全加载后执行，不会出现找不到DOM元素的问题。

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