これ...とてもいいUI/UXなので実装したい...。/ rails5 + js
要約と技術要件
ウォンテッドリーを最近使っていて、同じような実装をしたい部分がありました。
ユーザ編集の挙動です。
技術 | |
---|---|
Rails5 | |
js | |
slim |
大きく2つに挙動は分けられるはず。
(1)フロントエンドでフォーム出力
Qiita
で調べてみるものの、フロントエンドの知識に乏しく、昨今の技術?(ex.react.js
?/vue.js
?)を用いるのかキャッチアップできず、もし上記に似た実装を説明するソースをご存知でしたら、教えて頂けませんか。
(2)バックエンド非同期更新
これはRailsチュートリアル
や、「非同期 rails 編集 」
検索で現在調査中です。現在制作中のアプリでは下記のようにredirect_back(fallback_location: root_path)
を用いて画面遷移しないようにしていますが、ちゃんとAjax
にするのが目標です。この点についても「実装してわかりやすかったよ!」...というソースをご存知でしたらご教授頂けると幸いです。
def edit @host = Host.find_by(id:current_host) end def update @host = Host.find_by(id:current_host) if @host.update_attributes(host_params) flash[:success] = "編集が完了しました" redirect_back(fallback_location: root_path) # ← 今の所は無理やり元の画面に戻してる else flash[:danger] = "編集が失敗しました" redirect_back(fallback_location: root_path) # ← 本当はちゃんとしたajaxにしたい。 end end
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/01/26 07:35