Rails html.erb环境中按钮onclick失效，页面加载时自动执行Jar文件

哦，我明白你的问题了——你现在把服务器端的Ruby代码直接嵌到了客户端的onclick事件里，这就是为啥页面一加载Jar就跑了，点击按钮却没反应。让我给你拆解一下问题，然后一步步解决：

问题根源 #

<%= %x(java -jar ...) %> 是服务器端Ruby代码，当Rails渲染这个erb页面的时候，服务器会立刻执行这个命令，而不是等你在浏览器点击按钮时才执行。执行完成后，这个命令的输出（大概率是空字符串）会被插入到onclick属性里，所以你的按钮点击事件实际上啥也没绑定，自然没反应。

正确的解决方案：客户端触发服务器执行Jar #

要实现"点击按钮后才运行Jar"，你需要让浏览器（客户端）发送一个请求到服务器，由服务器来执行Jar命令。这里给你两种常用方案：

方案1：AJAX异步请求（推荐，页面不刷新）

这种方式用户体验更好，页面不会跳转或刷新。

1. 添加控制器动作
   在你的Rails项目里新建或修改一个控制器（比如ToolsController），添加执行Jar的方法：

   # app/controllers/tools_controller.rb
   class ToolsController < ApplicationController
     def run_jar
       # 执行Jar命令，注意服务器运行用户需要有Java执行权限和Jar文件访问权限
       jar_output = %x(java -jar /home/Dev/Desktop/justButton/conceptMapEditor/public/demone.jar)
       # 返回执行结果给前端
       render plain: jar_output, status: :ok
     end
   end
   

2. 配置路由
   在config/routes.rb里添加对应的路由：

   post '/tools/run_jar', to: 'tools#run_jar'
   

3. 修改erb页面的按钮和JS事件
   把原来的按钮换成带点击事件监听的版本，用AJAX发送请求：

   <br>
   <div>
     <div class="input-group">
       <button class="btn btn-info unpressed" type="button" id="run-jar-btn" style="width:50%">CJF</button>
     </div>
   </div>
   
   <script>
     // 给按钮绑定点击事件
     document.getElementById('run-jar-btn').addEventListener('click', function() {
       fetch('/tools/run_jar', {
         method: 'POST',
         // 必须带上Rails的CSRF令牌，否则会被拦截
         headers: {
           'X-CSRF-Token': '<%= form_authenticity_token %>'
         }
       })
       .then(response => response.text())
       .then(result => {
         // 可以在这里处理Jar的执行结果，比如弹窗提示或打印到控制台
         console.log('Jar执行结果:', result);
         alert('Jar已成功执行！');
       })
       .catch(error => {
         console.error('执行出错:', error);
         alert('Jar执行失败，请查看服务器日志排查问题');
       });
     });
   </script>
   

方案2：表单提交（页面会刷新）

如果不需要异步体验，也可以用表单提交的方式：

<br>
<div>
  <div class="input-group">
    <%= form_tag '/tools/run_jar', method: :post do %>
      <%= submit_tag 'CJF', class: 'btn btn-info unpressed', style: 'width:50%' %>
    <% end %>
  </div>
</div>

控制器动作和路由和方案1一致，执行完Jar后可以重定向回原页面，或者渲染一个结果页面。

额外注意事项 #

• 确保服务器的运行用户（比如puma、nginx的用户）拥有Java执行权限和Jar文件的读取/执行权限，否则会出现权限错误。
• 如果你的Jar运行时间较长，直接在控制器动作里执行会阻塞服务器线程，建议用后台任务（比如Sidekiq）来处理，避免请求超时。
• 后续如果需要传递用户输入给Jar，千万不要直接把输入拼到命令字符串里（会有命令注入风险），要用Open3.capture3这类安全的方式传递参数。

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