ホートワールターボ

2074 ワード

Ruby on RailsでHotwireターボを実装する方法



Hotwire Turboを実装するには、まずRedisサーバをインストールする必要があります.このサーバーは、アプリケーションがコードのターボストリームを使用できるようにRailsサーバーと一緒に起動する必要があります.
次に、HotWire : Turboを使用するアクションのブロードキャストを追加してモデルを設定する必要があります.EG :
`
クラスコメント
多くの:多くの
所有者:ユーザー
デリゲート:ユーザ名、ユーザ名
after_create_commit {broadcast_prepend_to "comment"}
after_update_commit {broadcast_replace_to "comment"}
after_destroy_commit {broadcast_remove_to "comment"}
終わり
`
これを行うと、置換されるデータのフレームを選択します.そして、他のページからそれを参照して、最後のデータでそれを閉じるためにタグフレームにタグフレームタグとIDを入れてください.異なるページからのデータの両方のフレームが正しいIDを持っていることを確認してください.<%= turbo_frame_tag dom_id(comment) do %>
***** INSERT YOUR CODE *****
<%= link_to "Edit this comment", edit_comment_path(comment) %>
<% end %>
そのフレームを参照するURLリンクは、ターボフレームタグの中に含まれる必要があります.
フォームを行う場合は、フォームから出力されているデータを表示できるようにするには、単にタグからTurboShell StreamRangeを入力し、どのページを表示したい後に.<div class="container-fluid">
<% @comments.each do |comment| %>
<%= turbo_stream_from "new" %>
<%= turbo_frame_tag dom_id(comment) do %>
**** YOUR CODE ****
<% end %>
<% end %>
</div>
それはターボフレームタグの内部に表示されます.したがって、タグが既にデータを取得するフォームページにあることを確認します.

参考文献:
1)https://turbo.hotwired.dev/handbook/introduction
2).
3).
REDISインストール:
1).