質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

1085閲覧

投稿記事に押された"お気に入り"の数の合計を出したい

minari766

総合スコア17

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/06/23 23:38

###実現したいこと・質問
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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

解決済み。
解決方法は後述します。

投稿2021/07/25 23:53

minari766

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問