###実現したいこと・質問
Djangoで記事投稿型Webアプリを作っています。
自分が投稿した記事にて押された"お気に入り"の数を合計してプロフィール画面に表示したいと考えておりますが、押された"お気に入り"数の取得方法が思いつきません。
自分が"お気に入り"した記事は、
like_count = Like.objects.order_by('-id').filter(author=request.user).count()
上記で取得できることは変わっているのですが・・・
考え方についてアドバイスいただけますと幸いです。
###該当のソースコード
views.py
python
1 def get(self, request, *args, **kwargs): 2 user_data = CustomUser.objects.get(id=request.user.id) 3 like_data = Like.objects.order_by('-id').filter(author=request.user) 4 like_count = Like.objects.order_by('-id').filter(author=request.user).count() 5 mypost_data = Post.objects.order_by('-id').filter(author=request.user) 6 post_count = Post.objects.order_by('-id').filter(author=request.user).count() 7 #ログインユーザーの投稿数 8 print(post_count) 9 #ログインユーザーが"お気に入り"した記事の合計数 10 print(like_count) 11 page_obj_like = self.paginate_queryset(request, like_data, 10) 12 page_obj_mypost = self.paginate_queryset(request, mypost_data, 10) 13 14 return render(request, 'accounts/profile.html', { 15 'user_data': user_data, 16 'like_data': like_data, 17 'mypost_data': mypost_data, 18 'page_obj_like': page_obj_like, 19 'page_obj_mypost': page_obj_mypost, 20 'post_count': post_count, 21 })
models.py
python
1class Like(models.Model): 2 post = models.ForeignKey(Post, on_delete=models.CASCADE) 3 # AUTH_USER_MODEL:ログイン中のUser情報 4 author = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE) 5 timestamp = models.DateTimeField(default=timezone.now) 6 # 管理画面で表示される文字列 7 def __str__(self): 8 return self.post 9 10class Post(models.Model): 11 author = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE) 12 area = models.ForeignKey(Area, verbose_name='エリア', on_delete=models.CASCADE) 13 attraction = models.ForeignKey(Attraction, verbose_name='アトラクション', on_delete=models.CASCADE) 14 category = models.ForeignKey(Category, verbose_name='カテゴリ', on_delete=models.CASCADE) 15 title = models.CharField("タイトル", max_length=200) 16 # blank=Trueであれば、QueryにデータがなくてもNot matchingエラーが出ない 17 image = models.ImageField(upload_to='images', verbose_name='Image画像', null=True, blank=True) 18 content = models.TextField("本文") 19 created = models.DateTimeField("作成日", default=timezone.now) 20 public = models.BooleanField("公開フラグ", default=False) 21 # for post in Post.objects.annotate(Count('post')): 22 23 def __str__(self): 24 return self.title
post_detail.html(お気に入りボタン配置ページ)
HTML
1{% extends "app/base.html" %} 2{% load static %} 3 4{% block content %} 5 6<h2 class="my-4 text-center mb-0">{{ post_data.title }}</h2> 7<hr> 8<div class="author-created"> 9 <div class="text_left author-created"> 10 {% if post_data.author.icon %} 11 <img src="{{ post_data.author.icon.url }}" class="user-icon"> 12 {% else %} 13 <img src="{% static 'img/user1.png' %}" alt="" class="user-icon"> 14 {% endif %} 15 {{ post_data.author }} 16 </div> 17 <div class="text_right">{{ post_data.created }}</div> 18</div> 19{% if post_data.image %} 20<img class="mx-auto d-block img-fluid rounded detail-img mb-1" src="{{ post_data.image.url }}" alt=""> 21{% endif %} 22<div class="d-flex justify-content-start"> 23 <form action="{% url 'like' %}" method="POST"> 24 {% csrf_token %} 25 {% if post_data.id in liked_list %} 26 <button id="like" name="{{ post_data.id }}"><i class="fas fa-lg fa-heart liked-red">お気に入り</i></button> 27 {% else %} 28 <button id="like" name="{{ post_data.id }}"><i class="far fa-lg fa-heart liked-red">お気に入り</i></button> 29 {% endif %} 30 </form> 31 <p name="{{ post_data.id }}-count" class="count"> {{ post_data.like_set.count }} </p> 32</div> 33<div>{{ post_data.area }} > {{ post_data.attraction }}</div> 34<div>{{ post_data.category }}</div> 35 36<br> 37 <p>{{ post_data.content|linebreaksbr }}</p> 38 {% if user.is_authenticated %} 39<hr> 40<div class="d-flex justify-content-center mb-5"> 41 <a class="btn btn-warning mr-2" href="{% url 'post_edit' post_data.id %}">編集する</a> 42 <a class="btn btn-danger" href="{% url 'post_delete' post_data.id %}">削除する</a> 43</div> 44 45{% endif %} 46 47{% endblock %} 48<!-- お気に入りボタン --> 49{% block extra_js %} 50<script type="text/javascript"> 51 $(document).ready(function(event){ 52 $(document).on('click', '#like', function(event){ 53 console.log($(this).attr('name')) 54 event.preventDefault(); 55 $.ajax({ 56 type: 'POST', 57 url: "{% url 'like' %}", 58 data: { 59 'post_id': $(this).attr('name'), 60 'csrfmiddlewaretoken': '{{ csrf_token }}'}, 61 dataType: 'json', 62 success: function(response){ 63 selector = document.getElementsByName(response.post_id); 64 if(response.liked){ 65 $(selector).html("<i class='fas fa-lg fa-heart liked-button'>お気に入り</i>"); 66 } 67 else { 68 $(selector).html("<i class='far fa-lg fa-heart like-button'>お気に入り</i>"); 69 } 70 selector2 = document.getElementsByName(response.post_id + "-count"); 71 $(selector2).text(response.count); 72 } 73 }); 74 }); 75 }); 76</script> 77{% endblock %}
###環境
HTML5
Bootstrap 4.7.0
Python 3.6.3
Django 2.2.16
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。