2

我熟悉 ROR,我想在我的项目中使用新的 Hotwire-Rails。我创建帖子时不好。但是当我更新/删除帖子时,页面上什么也没发生。你能告诉我我在哪里做错了吗?最后我想在创建新帖子时发出声音我该怎么做?谢谢您的回答。

我的“宝石文件”

gem 'redis', '~> 4.0'
gem 'hotwire-rails', '~> 0.1.3'

应用程序.js

require("@rails/ujs").start()
require("@rails/activestorage").start()
require("channels")

应用程序.html.erb

<body>
  <%= turbo_include_tags %>
  <%= yield %>
</body>

Post.rb

after_create_commit { broadcast_prepend_to "posts" }
after_update_commit { broadcast_replace_to "posts" }
after_destroy_commit { broadcast_remove_to "posts" }

post_controller.rb

class PostsController < ApplicationController
  before_action :set_post, only: %i[ show edit update destroy ]

  # GET /posts or /posts.json
  def index
    @posts = Post.all
  end

  # GET /posts/1 or /posts/1.json
  def show
  end

  # GET /posts/new
  def new
    @post = Post.new
  end

  # GET /posts/1/edit
  def edit
  end

  # POST /posts or /posts.json
  def create
    @post = Post.new(post_params)

    respond_to do |format|
      if @post.save
        format.html { redirect_to @post, notice: "Post was successfully created." }
        format.json { render :show, status: :created, location: @post }
      else
        format.html { render :new, status: :unprocessable_entity }
        format.json { render json: @post.errors, status: :unprocessable_entity }
      end
    end
  end

  # PATCH/PUT /posts/1 or /posts/1.json
  def update
    respond_to do |format|
      if @post.update(post_params)
        format.html { redirect_to @post, notice: "Post was successfully updated." }
        format.json { render :show, status: :ok, location: @post }
      else
        format.html { render :edit, status: :unprocessable_entity }
        format.json { render json: @post.errors, status: :unprocessable_entity }
      end
    end
  end

  # DELETE /posts/1 or /posts/1.json
  def destroy
    @post.destroy
    respond_to do |format|
      format.html { redirect_to posts_url, notice: "Post was successfully destroyed." }
      format.json { head :no_content }
    end
  end

  private
    # Use callbacks to share common setup or constraints between actions.
    def set_post
      @post = Post.find(params[:id])
    end

    # Only allow a list of trusted parameters through.
    def post_params
      params.require(:post).permit(:title, :body)
    end
end

帖子/index.html.erb

<%= turbo_stream_from "posts" %>
<%= turbo_frame_tag "posts" do %>
  <%= render @posts %>
<% end %>

帖子/_post.html.erb

<%= post.title %>:
<%= post.body %> 
<%= link_to 'Edit', edit_post_path(post) %> |
<%= link_to 'Destroy', post, method: :delete, data: { confirm: 'Are you sure?' } %> <br>
4

2 回答 2

0

是的,看起来这会尝试重定向,因此您会错过发送页面的广播,您需要放入一些内容以停止重定向,这可能是 turbo_stream 响应,或者将 html 响应更改为渲染头:ok

于 2021-11-11T18:19:16.687 回答
0

您缺少turbo_stream控制器中格式的处理程序。如果你想要热线更新,你必须在你的 update 和 destroy 方法中添加一个像这样的处理程序。

format.turbo_stream { turbo_stream.replace/append/prepend(:div_tag_identifer, "<p> Some html content you want to show </p>")

本质上,控制器方法必须呈现一个 Turbo 响应,其中包括您希望在页面上看到的更改。它可能是turbo_stream.replace(:some_div_id, "some/partial", post: @post)为了更新,也可能是为了turbo_stream.append("some/partiall", post: @post)创造。

于 2021-05-16T21:57:06.003 回答