質問編集履歴

回答がなかなかありませんので質問を大幅に編集いたします。

2018/12/05 03:24

投稿

sr2460

スコア50

test CHANGED Viewed

	@@ -1 +1 @@
1	- <python django>コメント投稿フォームが表示~~されな~~い
1	+ <python django>コメント投稿フォームをclassの継承を使って表示したい

test CHANGED Viewed

@@ -1,3 +1,9 @@
+djangoチュートリアルの投票アプリにコメント投稿フォームを加えたいです。
+### 前提・実現したいこと
 python=3.7.0
 django=(2, 0, 2, 'final', 0)
@@ -8,7 +14,7 @@
-この投票ページの直下にコメントフォームを置こうとしていますが表示がされません。
+この投票ページの直下にコメントフォームを置こうとしています。投票時にユーザーになぜその選択肢を選んだかコメントをもらいたいのです。しかし実際にはコードを書いても表示がされません。
 ![イメージ説明](a6fcd183dc1d7a231bbd4eeece95b30b.png)
@@ -16,11 +22,109 @@
+### classの継承を試しました。
+上記画像のhtmlコードは
+```html
+<h1>{{ question.question_text }}</h1>
+{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
+<form action="{% url 'polls:vote' question.id %}" method="post">
+{% csrf_token %}
+{% for choice in question.choice_set.all %}
+    <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
+<label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
-まずmodels.pyを作成
+{% endfor %}
-```
+```
+urls.pyでclass DetailViewを呼び込んだため、detail.htmlにDetailViewの内容がhtmlに反映されています。(DetailViewの内容は本筋と関係ないと思ったため省略します。必要なら適宜記載します。)
+```python
+path('<int:pk>/', views.DetailView.as_view(), name='detail'),
+```
+ここからさらにフォームをhtmlに加えるためviews.pyでclassの継承を使いました。
+views.py
+```python
+class CommentView(DetailView):
+    def add(request):
+        context = {
+        'form':CommentForm()
+        }
+        return render(request, 'polls/detail.html', context)
+```
+さらにurls.pyも
+```python
+path('<int:pk>/', views.CommentView.as_view(), name='detail'),
+```
+に変更しました。
+しかしこれでも表示は
+![イメージ説明](a6fcd183dc1d7a231bbd4eeece95b30b.png)
+のまま変化しません。
+### そのほかの情報について
+フォームを作るにあたってモデルを作る必要がありますのでmodels.pyに
+```python
 class Comment(models.Model):
@@ -30,11 +134,13 @@
+    comment_question = models.ForeignKey(Question, on_delete=models.CASCADE, blank=True, null=True,)
-    #name = models.CharField('名前', max_length=50)
+    text_area = models.TextField('感想', blank=True)
-    message = models.CharField('メッセージ', max_length=200)
-    #created_at = models.DateTimeField(default=timezone.now)
@@ -50,17 +156,23 @@
+これをフォーム形式に変換しなければなりませんので。
-それをforms.pyに受渡し
+forms.pyにclass Commentを受渡しました。
-```
+```python
 from django import forms
-from polls.models import Comment
+from polls.models import Choice, Comment
@@ -74,158 +186,36 @@
         model = Comment
-        fields = ('message',)
-```
-views.pyにも変更を加えました
-```
-from polls.forms import CommentForm
-from .models import Choice, Question, Comment
-def index(request):
-    """メイン画面."""
-    if request.method == 'POST':
-        form = CommentForm(request.POST)
-        if form.is_valid():
-            form.save()
-    else:
-        form = CommentForm()
-```
-detail.htmlはこのようになっています。
-```
-<h1>{{ question.question_text }}</h1>
-{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
-<form action="{% url 'polls:vote' question.id %}" method="post">
-{% csrf_token %}
-{% for choice in question.choice_set.all %}
-    <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
-<label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
-{% endfor %}
-↓ここから下が今回質問しているフォーム部分です
-<input type="submit" value="投票">
-</form>
-<form action="/" method="post">
-    {% csrf_token %}
-    <h3>感想をどうぞ</h3>
-    {{ form.as_p }}
-<input type="submit" value="送信">
-</form>
-```
-該当するurlsは
-```
-from django.urls import path
-from . import views
-app_name = 'polls'
-urlpatterns = [
-    path('', views.IndexView.as_view(), name='index'),
-    path('<int:pk>/', views.DetailView.as_view(), name='detail'),
-    path('<int:pk>/results/', views.ResultsView.as_view(), name='results'),
-    path('<int:question_id>/vote/', views.vote, name='vote'),
-]
-```
-の
-```
-path('<int:pk>/', views.DetailView.as_view(), name='detail'),
-```
-です。なにか少しずつずれがあり表示されていないのだと思うのですが・・・。
-よろしくお願いいたします！
+        fields = ('text_area',)
+```
+なおdjangoチュートリアルの投票機能を基にコメント部分を改造しています。
+[https://docs.djangoproject.com/ja/2.1/intro/tutorial01/](https://docs.djangoproject.com/ja/2.1/intro/tutorial01/)
+[https://github.com/sr2460/polls](https://github.com/sr2460/polls)
+ディレクトリ構成はこのようになっております。
+![イメージ説明](745f16e5a6686a70ebeaab58b2e9d3f7.png)
+classの継承以外にも何か方法があればその方法でも構いません。
+現在エラーメッセージも出ませんし、フォームが動作するかチェックしようにもフォーム自体が表示されませんので困り果てております。
+まずフォームをきちんとこのページに表示させたいです。
+どうかアドバイスよろしくお願いいたします。