djangoでのサイト内お気に入り機能の実装

Question

今掲示板のアプリケーションを作っているのですが、サイト内のお気に入り機能の実装で悩んでいます。
django内のモデルを非同期通信（ajax）を行い更新させるにはどのように実現させればよろしいのでしょうか？

今現在会員向けの掲示板を作成しているのですが、実現したい処理があります。
「☆」のように置かれた図をクリックするとdjangoのmodelを更新するという処理です。

更新するmodelはユーザIDとスレッドのIDを外部キーとして持ち、「どのユーザーがどの記事をお気に入り登録したか」を管理するmodelとなります。
django内でajaxを使い非同期通信を行うサンプルコードはあったのですが、モデルを更新するような処理は探しても出てこなかったので.質問をさせていただきました。

ご存知の方がいましたら、ご教授お願い致します。

Comments

[t_obara]

あまりにも範囲が大きすぎるので、もう少し質問範囲を狭めた方が回答が得られやすいかと思います。

[774]

依頼ありがとうございます。
django内での非同期通信の実現と範囲を狭めさせていただきました。

[m.ts10806]

djangoじゃなければできるという意味でしょうか。
単に非同期できればいいのでしたら、それこそdjango ajaxとかで調べればそれなりに実現性のあるコードや参考記事は出てくるものですが、それでは何が足りないのでしょうか？
「お気に入り機能」というのもそれだけでは実際どのように情報が流れていくものか伝わりませんので、具体的にご自身がされている設計部分をご提示ください。

[774]

何度もありがとうございます。
実現させたい処理を具体的に書きました。
もしまだ不十分であれば、言ってくださると助かります。

Answer 1

JqueryでModelを非同期に更新する方法を調べてみました。以下のURLが参考になるかなと

【DjangoでAjaxを使いModelを更新する方法】
https://stackoverflow.com/questions/38855543/update-database-using-ajax-in-django

Djangoは日本語情報が少ないため、「お気に入り機能をAjaxで実装」といった細かい内容のサンプルを探しても見つからないことが多いです。
日本語で実現したい方法がわからない場合、英語で調べてみると情報がすんなり見つかることがあります。

上記のModelを更新する方法の処理を理解すれば、実現できるのではないでしょうか。

Answer 2

774さんの質問が少し概要的なので、
状況が以下のようであると類推してサンプルコードを記述しました。

1.django上に登録したモデルにフィールドとして、お気に入りのページを保持できるようにしたい。
2.Update処理をモデルの変化として認識している。
3.ajax通信でデータベースへの変更の手段が分からず困っている。

上記を前提として、まず3番ですが
ajaxでの通信自体はjqueryで行えるということですので、
django rest_frameworkを使用することをお勧めします。
rest_frameworkはdjango内のアプリとapi通信ができるようにするものなので、
こちらの使い方についてはご自身で調べてみてください。

お話しから774さんのモデルは最低限下記のように定義されていると推測いたしました。

class Profile(models.Model):
    user = models.OneToOneField(settings.AUTH_USER_MODEL)
    favorite = models.ManyToManyField(Thread,blank=True,null=True)

class Thread(models.Model):
    author = models.ForeignKey(settings.AUTH_USER_MODEL,on_delete=models.CASCADE)
    title = models.TextField()
 #その他のコンテンツ

あとは、apiを通してrequestを送ったユーザーのUserProfieのfavorite_threadにスレッドを追加すれば、
目的が達成できると思います。

提示されている情報が少なく、状況が不透明ですのであくまで一例ですが下記のようにviewを作成するのはいかがでしょか？

from rest_framework.decorators import api_view
from rest_framework.response import Response

@api_view()
def toggle_favorite_thread(request,pk):
    thread = get_object_or_404(Thread,pk=pk)
    if thread in request.user.profile.favorite.all():
        request.user.profile.favorite.remove(thread):
        return Response({"message":"removed"})
    else:
        request.user.profile.favorite.add(thread):
        return Response({"message":"added"})

あとは、jqueryのajaxのsuccess内にDOM操作の処理を記述すれば想定されている処理になるのではないかと思います。

Answer 3

基本的にプログラムって手続きなので順番に処理が流れていきます。
つまり、お気に入りに登録する処理と「☆」のように置かれた図をクリックすると「★」と変化する処理は全く別物です。

手続き的には下記です。
0. ☆をクリックしたらお気に入りに登録する処理を行う
0. ↑が成功したら☆を★に置き換える（変更するでも良い）

です。
☆や★がどう設置される想定なのか分かりませんが、
単なる文字列や画像の置き換えと同じレベルと考えます。

「いいね」を非同期でカウントアップするものも実は同じで、
いいね押して処理をして成功したときに総数をカウントしたものを返して、そこに書いてある数字と置き換えただけだったりします（簡易的なものだったら数字拾ってきて＋１するだけのものある）

1つずつやっていきましょう。

Comments

[774]

ご回答ありがとうございます。
画像を変化させる部分はjqueryを使って出来そうですが（サンプルはありました）djangoのモデルをどう変化させるかが分からなかったので質問させていただきました。
「画像を変化させる処理」と「モデルを変化させる処理」が違うのは認識しています。
一先ずは質問の仕方を変えましたので、恐れ入りますがご回答をお願い致します。

[m.ts10806]

「モデルを変化させる」必要はどうしてあるのでしょうか。
MVCフレームワークにおける「モデル」のことでしたら、
基本はあくまでデータベースのデータのやり取り部分の処理を記述するだけのものだと思うので、「変化させる」という動詞とはつながらないのですが。

[alpaka]

1.☆をクリックしたらお気に入りに登録する処理を行う
↑これをAjaxでページをリロードせずどう実現するかがわからないということですよね。
英語で探せば似たサンプルはあると思います。

[m.ts10806]

「ajaxを使い非同期通信を行うサンプルコードはあった」とあるのでそこが理解できているものと思ってました。