質問編集履歴

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

2018/12/05 03:24

投稿

sr2460

スコア50

title CHANGED Viewed

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

body CHANGED Viewed

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