前提・実現したいこと
DjangoでWebアプリ開発をしております。
モデルの3層構造、より具体的に言えば、GoogleFormのようにフォーム-質問-選択肢という構造を作りたいと思っています。そしてこれをフォームで作成できるようにしたいです。
2層構造は下のようにformsetを使うことで実現できていますが、3層構造となるとどのような書き方になるか教えていただきたいです。
もしこれが難しいようであれば、Pollモデルを先に作成してしまい、ページ遷移してその次にQuestionモデルと、順に保存していく方法をとろうと思うのですが、こちらも、ページをまたいだフォーム(ステップ登録のような)作成の経験がないため、簡単にやり方や参考になるサイトを教えていただければと思います。
該当のソースコード
このように、親子関係のQuestionモデルとChoiceモデルをさらにPollモデルによって包みます。
model.py
Python
1""" 2class Poll(models.Model): 3 title = models.CharField("タイトル", max_length=100) 4""" 5 6class Question(models.Model): 7 # poll = models.ForeignKey(Poll, on_delete=models.CASCADE) 8 question_text = models.CharField("質問", max_length=100) 9 10class Choice(models.Model): 11 question = models.ForeignKey(Question, on_delete=models.CASCADE) 12 choice_text = models.CharField("選択肢", max_length=100)
form.py
Python
1""" 2class Poll(forms.ModelForm): 3 class Meta: 4 model = Question 5 fields = ("title") 6""" 7 8class QuestionForm(forms.ModelForm): 9 class Meta: 10 model = Question 11 fields = ("question_text",) 12 13class ChoiceForm(forms.ModelForm): 14 class Meta: 15 model = Choice 16 fields = ("choice_text",) 17 18ChoiceFormSet = forms.formset_factory(ChoiceForm, extra=0, min_num=2, validate_min=True,)
views.py
Python
1def create_question(request): 2 3 if request.method == "POST": 4 form = QuestionForm(request.POST) 5 formset = ChoiceFormSet(request.POST) 6 if form.is_valid() and formset.is_valid(): 7 question = form.save(commit=False) 8 question.save() 9 return redirect("polls:create_complete", pk=question.id) 10 11 else: 12 form = QuestionForm() 13 formset = ChoiceFormSet() 14 15 context = { 16 "form": form, 17 "formset": formset, 18 } 19 return render(request, "polls/create/index.html", context)
テンプレート
Html
1<div class="form-group"> 2 <label>質問</label> 3 {{ form.question_text }} 4 {{ form.question_text.error }} 5 <div class="row"> 6 <div class="col-sm-3"><label>選択肢</label></div> 7 <div class="col-sm-9"> 8 {{ formset.management_form }} 9 <div id="choice-area"> 10 {% for field in formset %} 11 <div id="choice-form-{{ forloop.counter0 }}"> 12 {{ field }} 13 </div> 14 {% endfor %} 15 </div> 16 <button id="add" type="button" class="btn">追加</button> 17 <button id="remove" type="button" class="btn">削除</button> 18 </div> 19 </div> 20</div>
あなたの回答
tips
プレビュー