基于点击按钮的动态路由实现：管理员Excel文件预览与用户创建需求

看起来你需要让同一个表单根据管理员点击的按钮，提交到不同的后端路由——一个用于预览xls内容，另一个用于实际创建用户。这里有个简单直接的方案，利用JavaScript动态修改表单的action属性，配合Rails的UJS来处理异步提交：

第一步：调整表单代码 #

先给预览按钮加上唯一ID并优化语义化，同时修正参数命名符合Ruby规范：

<%= form_for :create_student, url: "/create_from_file", remote: true, html: {id: "create_student_from_file"} do |f| %>
  <div id="student-fields0" class="fields_div">
    <%= f.label "Upload file" %>
    <%= f.file_field :upload_file %> <!-- 改成蛇形命名，后端处理参数更顺手 -->
    <%= f.submit "Create Users", id: 'create_student_btn' %>
    <button type="button" id="preview_student_btn" class="button">Preview</button> <!-- 用button代替div，更符合表单语义 -->
  </div>
<% end %>

第二步：添加JavaScript逻辑 #

因为表单启用了remote: true，我们可以用jQuery（Rails默认集成）监听按钮点击事件，动态切换表单的提交目标：

$(document).ready(function() {
  // 监听预览按钮点击
  $('#preview_student_btn').on('click', function() {
    const form = $('#create_student_from_file');
    // 修改表单action为预览路由（需提前在routes.rb中定义）
    form.attr('action', '/preview_from_file');
    // 触发异步提交
    form.submit();
  });

  // 监听创建按钮点击，确保表单回到原始路由（避免预览后创建时路由错误）
  $('#create_student_btn').on('click', function() {
    const form = $('#create_student_from_file');
    form.attr('action', '/create_from_file');
    // 按钮本身是submit类型，无需手动触发提交
  });
});

第三步：后端路由与控制器处理 #

首先在config/routes.rb中添加预览路由：

post '/preview_from_file', to: 'students#preview_from_file'
post '/create_from_file', to: 'students#create_from_file'

然后在StudentsController中实现对应的处理方法：

• preview_from_file: 解析上传的xls文件，返回预览数据（比如HTML表格或JSON），再通过JS模板渲染到页面供管理员查看。
• create_from_file: 正常解析文件并批量创建用户，同时返回操作结果提示。

额外优化建议 #

• 预览后可以增加“确认创建”按钮，直接复用已上传的文件数据——可以把文件信息暂存在session中，避免管理员重复上传。
• 务必添加文件校验逻辑：限制上传文件为xls/xlsx格式、控制文件大小，防范恶意文件上传风险。

这样就能实现点击不同按钮时，表单动态切换提交路由，分别完成预览和创建用户的功能啦！

内容的提问来源于stack exchange，提问作者wokoro douye samuel