Rails中如何使用Turbostreams进行实时页面更新

Turbostreams 是 Rails 7 中引入的一种实时页面更新技术，类似于 WebSocket。通过 Turbostreams，可以在不刷新整个页面的情况下，实时更新页面的部分内容。

要在 Rails 中使用 Turbostreams 进行实时页面更新，首先需要在控制器中使用 turbo_stream 方法生成实时更新的片段，然后在视图中使用 turbo_stream 标签来渲染这些实时更新的片段。

下面是一个简单的示例，演示如何在 Rails 中使用 Turbostreams 进行实时页面更新：

1. 在控制器中使用 turbo_stream 方法生成实时更新的片段：

class MessagesController < ApplicationController
  def create
    @message = Message.new(message_params)

    if @message.save
      turbo_stream.append "messages", partial: "message", locals: { message: @message }
    else
      render :new
    end
  end

  private

  def message_params
    params.require(:message).permit(:content)
  end
end

2. 在视图中使用 turbo_stream 标签来渲染实时更新的片段：

<%= form_with model: @message, url: messages_path, id: "new_message" do |form| %>
  <%= form.text_field :content %>
  <%= form.submit %>
<% end %>

<div id="messages">
  <%= render @messages %>
</div>

<turbo_stream action="append" target="messages">
  <%= render partial: "message", collection: @messages %>
</turbo_stream>

在上面的示例中，当用户提交表单创建新消息时，控制器会使用 turbo_stream.append 方法生成实时更新的片段，然后在视图中使用 turbo_stream 标签来渲染这个实时更新的片段。

通过这种方式，可以在不刷新整个页面的情况下，实时更新页面的内容。Turbo Streams 提供了多种不同的操作类型，如 append、prepend、replace 等，可以根据具体的需求来选择合适的操作类型。