如何在Rails表单中创建地点字段？含现有代码与参数需求

嘿，我来帮你搞定这个地点字段的问题！看起来你已经搭好了Post模型的title和details字段，现在要把关联的Location字段整合到表单里对吧？咱们一步步来解决：

1. 先搞定模型关联与配置 #

首先明确Post和Location的关系——通常一个帖子对应一个地点，所以咱们用一对一关联：

• Post模型关联Location，并且允许嵌套属性提交
• Location模型属于Post

# app/models/post.rb
class Post < ApplicationRecord
  has_one :location, dependent: :destroy # 删除帖子时同时删除关联地点
  accepts_nested_attributes_for :location, allow_destroy: true # 允许通过Post表单提交Location的属性
end

# app/models/location.rb
class Location < ApplicationRecord
  belongs_to :post
end

2. 修改控制器，提前构建关联对象 #

在新建帖子的动作里，别忘了提前构建一个空的Location对象，不然表单里的地点字段不会渲染出来：

# app/controllers/posts_controller.rb
def new
  @post = Post.new
  @post.build_location # 关键！没有这一步，fields_for不会生成地点字段
end

同时调整参数白名单，因为地点属性是嵌套在Post参数里的，要改成location_attributes的形式（这是Rails嵌套属性的规范，和你原来的写法略有区别）：

def post_params
  params.require(:post).permit(
    :title, :details,
    location_attributes: [:name, :formatted_address, :city, :state, :zip, :latitude, :longitude, :google_location_id]
  )
end

3. 更新表单，添加嵌套的地点字段 #

在你现有的表单代码后面，用fields_for嵌套渲染Location的字段，这样提交的参数会自动匹配上面的白名单：

<p> <%= form.label :title %> <br> <%= form.text_field :title, class: 'form-control' %> </p>
<p> <%= form.label :details %> <br> <%= form.text_area :details, :cols => "10", :rows => "7", class: 'form-control' %> </p>

<!-- 新增的地点字段 -->
<p>
  <%= form.fields_for :location do |location_form| %>
    <h3>地点信息</h3>
    <p>
      <%= location_form.label :name %> <br>
      <%= location_form.text_field :name, class: 'form-control' %>
    </p>
    <p>
      <%= location_form.label :formatted_address %> <br>
      <%= location_form.text_field :formatted_address, class: 'form-control' %>
    </p>
    <p>
      <%= location_form.label :city %> <br>
      <%= location_form.text_field :city, class: 'form-control' %>
    </p>
    <p>
      <%= location_form.label :state %> <br>
      <%= location_form.text_field :state, class: 'form-control' %>
    </p>
    <p>
      <%= location_form.label :zip %> <br>
      <%= location_form.text_field :zip, class: 'form-control' %>
    </p>
    <!-- 如果经纬度和Google地点ID是自动获取的，可以设为只读或隐藏字段 -->
    <p>
      <%= location_form.label :latitude %> <br>
      <%= location_form.text_field :latitude, class: 'form-control', readonly: true %>
    </p>
    <p>
      <%= location_form.label :longitude %> <br>
      <%= location_form.text_field :longitude, class: 'form-control', readonly: true %>
    </p>
    <p>
      <%= location_form.label :google_location_id %> <br>
      <%= location_form.text_field :google_location_id, class: 'form-control', readonly: true %>
    </p>
  <% end %>
</p>

小提示 #

如果你想让用户通过Google Places自动填充地址，可以加一点前端JS调用API，但上面的步骤已经能帮你完成基础的地点字段提交功能啦。

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