質問編集履歴

わかりやすく

2021/05/15 12:06

投稿

Mitsu_

スコア10

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -4,19 +4,161 @@
 お世話になります。
+メルカリのようなサイトを作っており、
-今、とても簡単なメッセージアプリを作っております。
+今はメルカリのコメント機能のところを作っております
+![イメージ説明](60e842999bdb7bdec369d7dae647be21.png)
+相手からのコメントをAjaxを使って自動的に取得したいです。
+### 発生している問題
-送信受信はできるのですが、ページをリロードしなければ相手のメッセージを取得することができないため、Ajaxを用いてメッセージを5秒間隔くらいで自動で取得したいです。
+下のhtmlのscriptタグのソースコードは、以前授業でflaskを用いてメッセージアプリを作ったときに、
+相手からのメッセージを自動で取得するために用いたものです。
-そこでHTMLへの書き方と、views.py, urls.pyでの書き方をご教授願いたいです。
+これを今、私が作っているDjangoのアプリに取り入れ用としたところ、<script>タグ内の中の
-初心者のため、DjagoでのAjaxの書き方が調べてもわからなかったため、質問させていただきました。
+{{to_user_id}}の部分,つまり相手側のidをどのように書けばいいのかがわからず、質問させていただきました。
+自分側のidは request.user.idで取得できております。
-初心者ゆえ、足りない情報がございましたら、アップいたしますので、どうぞよろしくお願いいたします。
+どうぞよろしくお願いいたします。
+**html**
+```
+<script>
+  $(function(){
+      // 5秒間隔でget_new_messagesを実行
+      timer = setInterval("get_new_messages()", 5000);
+      // 初期表示で画面の一番下に行く
+      var scroll = (document.scrollingElement || document.body);
+      scroll.scrollTop = scroll.scrollHeight;
+  });
+  user_id = "{{ to_user_id }}";
+  function get_new_messages(){
+      $.getJSON("/message_ajax", {
+          user_id: user_id
+      }, function(data){
+          $('#message-form').before(data['data']);
+      });
+  };
+</script>
+<h3 class="text-center">商品名: {{product.product_name}}</h3>
+<div class="row">
+{% for comment in comments%}
+{% if comment.user.id == request.user.id %}
+<div class="speech-bubble-my col-lg-4 offset-lg-7" >
+  <!-- <p>{{ comment.user.username }}</p> -->
+  <p>{{ comment.comment | linebreaksbr}}</p>
+</div>
+<div class="col-lg-1">
+  <p>{{ comment.user.username }}</p>
+</div>
+{% else %}
+<div class="col-lg-1">
+  <p>{{ comment.user.username }}</p>
+</div>
+<div class="speech-bubble-dest col-lg-4 " >
+  <!-- <p>{{ comment.user.username }}</p> -->
+  <p>{{ comment.comment | linebreaksbr}}</p>
+</div>
+<div class="col-lg-7"></div>
+{% endif %}
+{% endfor %}
+{% if user.is_authenticated %}
+<div class="col-4 offset-7" id="message-form">
+  <form method="POST">
+  {% csrf_token %}
+  {{ comments_form.as_p }}
+  <input type="submit" value="コメント送信">
+  </form>
+</div>
+{% endif %}
+</div>
+```
+メッセージを保管しているDB
+product_idはユーザー登録した人が出品した商品のidです。
+user_idはコメントを書いた人のidです。
+![イメージ説明](13ad0e089bdb4abbb9ff477ae5fb3583.png)
@@ -26,208 +168,70 @@
 ### 該当のソースコード
-**html**
-```
-<div class="row">
-{% for comment in comments%}
-{% if comment.user.id == request.user.id %}
-<div class="speech-bubble-my col-lg-4 offset-lg-7" >
-  <!-- <p>{{ comment.user.username }}</p> -->
-  <p>{{ comment.comment | linebreaksbr}}</p>
-</div>
-<div class="col-lg-1">
-  <p>{{ comment.user.username }}</p>
-</div>
-{% else %}
-<div class="col-lg-1">
-  <p>{{ comment.user.username }}</p>
-</div>
-<div class="speech-bubble-dest col-lg-4 " >
-  <!-- <p>{{ comment.user.username }}</p> -->
-  <p>{{ comment.comment | linebreaksbr}}</p>
-</div>
-<div class="col-lg-7"></div>
-{% endif %}
-{% endfor %}
-<br>
-<br>
-<hr>
-<br>
-{% if user.is_authenticated %}
-<div class="col-4 offset-7" id="message-form">
-  <form method="POST">
-  {% csrf_token %}
-  {{ comments_form.as_p }}
-  <input type="submit" value="コメント送信">
-  </form>
-</div>
-{% endif %}
-</div>
-{% endblock %}
-```
-### 試したこと
-flaskではこのようなやり方をしていたのですが、これをどのようにDjangoにあてはめるのかがわからないです。
-どうぞよろしくお願い申し上げます
-**html**
-```
-<script>
-    $(function(){
-        // 5秒間隔でget_new_messagesを実行
-        timer = setInterval("get_new_messages()", 5000);
-        // 初期表示で画面の一番下に行く
-        var scroll = (document.scrollingElement || document.body);
-        scroll.scrollTop = scroll.scrollHeight;
-    });
-    user_id = "{{ to_user_id }}";
-    function get_new_messages(){
-        $.getJSON("/message_ajax", {
-            user_id: user_id
-        }, function(data){
-            $('#message-form').before(data['data']);
-            var checked_message_ids = data['checked_message_ids'];
-            for(let idx = 0; idx < checked_message_ids.length; idx++){
-                $('#self-message-tag-'+checked_message_ids[idx]).append('<p>既読</p>');
-            }
-        });
-    };
-</script>
-```
-**views.py**
-```
-@bp.route('/message_ajax', methods=['GET'])
-@login_required
-def message_ajax():
-    user_id = request.args.get('user_id', -1, type=int)
-    # まだ読んでいない相手からのメッセージを取得
-    user = User.select_user_by_id(user_id)
-    not_read_messages = Message.select_not_read_messages(user_id, current_user.get_id())
-    not_read_message_ids = [message.id for message in not_read_messages]
-    if not_read_message_ids:
-        with db.session.begin(subtransactions=True):
-            Message.update_is_read_by_ids(not_read_message_ids)
-        db.session.commit()
-    # すでに読まれた自分のメッセージでまだチェックしていないものを取得
-    not_checked_messages = Message.select_not_checked_messages(current_user.get_id(), user_id)
-    not_checked_message_ids = [not_checked_message.id for not_checked_message in not_checked_messages]
-    if not_checked_message_ids:
-        with db.session.begin(subtransactions=True):
-            Message.update_is_checked_by_ids(not_checked_message_ids)
-        db.session.commit()
-    return jsonify(data=make_message_format(user, not_read_messages), checked_message_ids = not_checked_message_ids)
-```
-u
-ネットやJavascriptの本を購入し調べたのですが、Djangoでの書き方や応用が分からずにいます。
+models.py
+```
+class Comments(models.Model):
+  comment = models.CharField(max_length=1000)
+  user = models.ForeignKey('SellText.Users', on_delete=models.CASCADE)
+  product = models.ForeignKey('SellText.Product',on_delete=models.CASCADE)
+  objects = CommentsManager()
+  class Meta:
+    db_table='comments'
+```
+views.py
+```
+def post_comment(request, product_id):
+  comments_form =forms.CommentForm(request.POST or None)
+  # comment_product = Comments.objects.all()
+  product = Product.objects.get(id=product_id)
+  comments = Comments.objects.fetch_by_product_id(product_id)
+  if comments_form.is_valid():
+    if not request.user.is_authenticated:
+      raise Http404
+    comments_form.instance.product = product
+    comments_form.instance.user = request.user
+    comments_form.save()
+    return redirect('SellText:post_comment',product_id=product_id)
+  return render(request,'comment.html', context={
+     'comments_form':comments_form,
+     'comments':comments,
+     'product':product
+  } )
+```

詳しく

2021/05/15 12:06

投稿

Mitsu_

スコア10

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -126,6 +126,108 @@
 ### 試したこと
+flaskではこのようなやり方をしていたのですが、これをどのようにDjangoにあてはめるのかがわからないです。
+どうぞよろしくお願い申し上げます
+**html**
+```
+<script>
+    $(function(){
+        // 5秒間隔でget_new_messagesを実行
+        timer = setInterval("get_new_messages()", 5000);
+        // 初期表示で画面の一番下に行く
+        var scroll = (document.scrollingElement || document.body);
+        scroll.scrollTop = scroll.scrollHeight;
+    });
+    user_id = "{{ to_user_id }}";
+    function get_new_messages(){
+        $.getJSON("/message_ajax", {
+            user_id: user_id
+        }, function(data){
+            $('#message-form').before(data['data']);
+            var checked_message_ids = data['checked_message_ids'];
+            for(let idx = 0; idx < checked_message_ids.length; idx++){
+                $('#self-message-tag-'+checked_message_ids[idx]).append('<p>既読</p>');
+            }
+        });
+    };
+</script>
+```
+**views.py**
+```
+@bp.route('/message_ajax', methods=['GET'])
+@login_required
+def message_ajax():
+    user_id = request.args.get('user_id', -1, type=int)
+    # まだ読んでいない相手からのメッセージを取得
+    user = User.select_user_by_id(user_id)
+    not_read_messages = Message.select_not_read_messages(user_id, current_user.get_id())
+    not_read_message_ids = [message.id for message in not_read_messages]
+    if not_read_message_ids:
+        with db.session.begin(subtransactions=True):
+            Message.update_is_read_by_ids(not_read_message_ids)
+        db.session.commit()
+    # すでに読まれた自分のメッセージでまだチェックしていないものを取得
+    not_checked_messages = Message.select_not_checked_messages(current_user.get_id(), user_id)
+    not_checked_message_ids = [not_checked_message.id for not_checked_message in not_checked_messages]
+    if not_checked_message_ids:
+        with db.session.begin(subtransactions=True):
+            Message.update_is_checked_by_ids(not_checked_message_ids)
+        db.session.commit()
+    return jsonify(data=make_message_format(user, not_read_messages), checked_message_ids = not_checked_message_ids)
+```
+u
 ネットやJavascriptの本を購入し調べたのですが、Djangoでの書き方や応用が分からずにいます。

わかりやすく

2021/05/15 05:50

投稿

Mitsu_

スコア10

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -14,7 +14,11 @@
-初心者のため、DjagoでのAjaxの書き方が調べてもわからなかったため、質問させていただきました。　足りない情報がございましたら、アップいたしますので、どうぞよろしくお願いいたします。
+初心者のため、DjagoでのAjaxの書き方が調べてもわからなかったため、質問させていただきました。
+初心者ゆえ、足りない情報がございましたら、アップいたしますので、どうぞよろしくお願いいたします。