javascript - 如何通过单击 View 中的按钮来调用 Rails 中的 PLSQL 函数？

Question

我在 Rails 中遇到了一个无法解决的问题。我几乎是一个初学者，但我必须解决以下问题:

我需要在现有的 Rails Web 应用程序中构建一种仪表板页面。 此仪表板页面应该能够通过提供 2 个日期并单击按钮来从 Oracle 服务器启动 PLSQL 过程。

我尝试在 rails console 中使用 ruby-plsql gem，并且能够成功调用所需的 Oracle 存储过程。

我想创建一个带有表单的 View 来接受存储过程的日期字段，然后在用户单击提交按钮时执行存储过程。 ruby-plsql 方法应该在提交时启动。我还需要确保已经运行的程序不会再次启动，可能的方法是在当前程序运行时使提交按钮变灰。

如何开发？

Answer 1

将 ruby-plsql 和 'haml' gem 添加到您的 Gemfile 中:

gem 'ruby-plsql'
gem 'haml'

接下来，您可以使用 Rails 生成器来充实 Controller 和支持组件:

rails generate controller procedure execute

在config/routes中，将get路由更新为post路由:

get 'procedure.execute'
post 'procedure/execute'

您可以制作一个简单的 View (本示例使用 HAML)。将此代码添加到文件 app/views/procedure/execute.html.haml:

%div
  %p#notice
    = "A stored procedure is currently running.  Please wait..." if @is_running

%div
  = field_set_tag "Procedure 1" do
    = form_tag procedure_execute_path, id: "form1" do
      = hidden_field_tag "proc", "stored_proc_1"
      = text_field_tag "date1", nil
      = text_field_tag "date2", nil
      = submit_tag "Execute", disabled: @is_running

%div
  = field_set_tag "Procedure 2" do
    = form_tag procedure_execute_path, id: "form2" do
      = hidden_field_tag "proc", "stored_proc_2"
      = text_field_tag "string1", nil
      = text_field_tag "number1", nil
      = submit_tag "Execute", disabled: @is_running

%div#results
  = @results if @results

%script
  $(document).on("ready", register_ajax);
  $(document).on("page:change", register_ajax);

确保将 jQuery 和 Unobtrusive Javascript 支持添加到 /app/assets/javascripts/application.js:

//= require jquery
//= require jquery_ujs

验证您的 config/application.rb 在 Application` 类中包含此行:

config.assets.enable = true

请注意，表单现在确定将调用哪个方法，并且它们都将带有不同参数的请求发送到同一个 execute 操作。

异步提交表单并处理结果的 Ajax 代码可以添加到 /app/assets/javascripts/procedure.js 文件中:

var ajax_registered = false;

function register_ajax() {
    if (ajax_registered) {
      return;
    }

    $('#form1 input[type="submit"], #form2 input[type="submit"]').click(function () {
        // First, disable all of the form buttons and put up a "running" notice
        $('form input[type="submit"]').prop("disabled", "disabled");
        $("#notice").text("A stored procedure is currently running.  Please wait...")

        var data = $(this).parent().serialize();

        // Submit the Ajax POST
        var jqxhr = $.post("/procedure/execute", data, function(data, status, xhr) {
            // Success: display the results in the #results div
            $("#results").text(data);
        }, "text")
        .fail(function(data, status, xhr) {
            // Notify the user that an error has occurred
            alert("An error has occured with the stored procedure");
        })
        .always(function(data, status, xhr) {
            // Always re-enable the submit buttons after completion
            $('form input[type="submit"]').prop("disabled", "");
            $("#notice").text("");
        });
    });

    ajax_registered = true;
};

接下来，在 ProcedureController 中实现 execute 操作，该操作应位于 app/controllers/procedure_controller.rb:

class ProcedureController < ApplicationController
  @@running = false

  def execute
    if request.post?
      plsql.connection = OCI8.new("hr","hr","xe")
      notice = nil
      if @@running
        notice = "A stored procedure is currently running.  Try again later"
      else
        @@running = true
        proc_params = execute_params
        proc = proc_params.delete(:proc)
        case proc
        when "stored_proc_1"
          @results = plsql.my_stored_proc(proc_params)
        when "stored_proc_2"
          @results = plsql.my_other_stored_proc(proc_params)
        end
        @@running = false
      end
      if request.xhr?
        render text: @results.to_json and return
      else
        @is_running = @@running
        redirect_to procedure_execute_path, notice: notice
      end
    else
      @is_running = @@running
    end
  end

private

  def execute_params
    params.permit(:utf8, :authenticity_token, :proc, :date1, :date2, :string1, :number1)
  end
end

execute 操作同步运行，但也使用 @@running 标志来指示它当前正在处理请求，以防在当前运行的过程完成之前另一个请求从仪表板进入。表单中的 proc 隐藏字段用于指示要执行哪个存储过程， Controller 根据选择的存储过程进行调度。

如果请求来自 Ajax 调用，则响应将是一个 JSON 对象，其中包含存储过程调用的结果；否则，页面将完全呈现并包含结果。

这应该足够开始了。它并不漂亮，但结构就在那里，您可以改进 execute 方法来执行其他操作，以及根据您的喜好设置 View 样式。