通过 jQuery 部分表单更新设计用户字段

Question

我是一个真正的 Rails 初学者，正在尝试构建一个小应用程序。所以我得到了 rails 4.2.5 和 Devise 用于我的用户身份验证。我在用户模型中添加了两个额外的字段（用户名、城市）。一切正常。

我的应用程序顶部有一个部分，通过单击每个页面上的按钮使用 jquery 打开。这部分应该包括一个输入字段，用户可以在其中编辑他的城市（通过 AJAX？）。提交后，应该更改城市并重新加载页面。

现在我不确定如何实现这一目标以及要走的路。我只需要一个小指南来帮助我完成这项工作！因为默认情况下设计不生成控制器并且不使用正常路径，所以我对 Rails 的小经验有点迷茫。

提前非常感谢您！ :)

Answer 1

这里有 2 种解决方案，无论是否定制设计控制器都可以正常工作：

解决方案 #1：自定义设计控制器

1. 配置路由：

   routes.rb

   devise_for :users, controllers: { registrations: 'registrations' }
   
   devise_scope :user do
    post "/users/:id/update_city" => "registrations#update_city"
   end
   

2. 根据从设计控制器继承的控制器创建：

   app/controllers/registrations_controller.rb

   class RegistrationsController < Devise::RegistrationsController
     def update_city
       # Do your stuff
       # return json here, if return javascript, go to step #3
     end
   end
   

3. 如果返回 javascript，您的视图将是：

app/views/registrations/update_city.js.erb

    <!-- Your javascript here -->

解决方案 #2：创建一个新控制器，不要关心设计

1. 配置路由：

设计范围：用户做 发布“/users/:id/update_city”=>“custom_registrations#update_city 结束

1. 根据控制器创建

   app/controllers/custom_registrations_controller.rb

   class CustomRegistrationsController < ApplicationController
     before_action :authenticate_user!
   
     def update_city
       # Do your stuff
       # return json here, if return javascript, go to step #3
     end
   end
   

2. 如果返回 javascript，您的视图将是：

   app/views/custom_registrations/update_city.js.erb

   <!-- Your javascript here -->
   

2 解决方案类似，但在如何自定义设计方面有所不同，解决方案 #2 不涉及设计默认控制器，但会有 2 个与更新用户内容相关的控制器。取决于您的系统，这些只是我的建议！欢迎大家发表意见。

Answer 2

所以，非常感谢 Hieu Pham！我想出了如何让它与你的步骤一起工作。但是我不得不对它们进行一些修改，但现在它可以工作了:) 所以，这里是为所有想知道的人准备的：

routes.rb

devise_scope :user do
  patch "update/:id", to: "registrations#update_city", as: "update_city"
end

registrations_controller.rb

class RegistrationsController < Devise::RegistrationsController

  def update_city
    @user = current_user
    if @user.update_attributes(user_params)
      respond_to do |format|
        format.js {render inline: "location.reload();" }
      end
    else
      flash.now[:error] = "Could not save client"
    end
  end

  private

  def user_params
    params.require(:user).permit(:city)
  end

end

我的表单部分

<%= simple_form_for @user, url: update_city_path(@user), remote: true do |f| %>
  <%= f.input :city, placeholder: t('.yourcity') %>
  <%= f.button :submit, t('.submit') %>
<% end %>

现在它工作正常 :) 我知道，我需要在保存时添加更好的响应，但这只是为了调试！