Django(ジャンゴ)内の「ModelForm」を利用すると、データベースとアクセスするModelクラスと連動するFormを作成することになり、ユーザーがFormで入力した値をデータベースに直接保存することができる。
今回は、MySQLのデータベースのテーブルにユーザー情報を登録する処理を、ModelFormを利用して実装してみたので、そのサンプルプログラムを共有する。
なお、FormクラスとModelFormクラスの違いについては、以下のサイトを参照のこと。
https://kosuke-space.com/django-modelform
前提条件
下記記事の実装が完了していること。
サンプルプログラムの作成
作成したサンプルプログラムの構成は、以下の通り。
なお、上記の赤枠は、前提条件のプログラムから追加・変更したプログラムである。また、「0002_alter_userdata_birth_day_alter_userdata_birth_month_and_more.py」はマイグレーション後に作成されるプログラムのため、ここでは赤枠を付与していない。
demoフォルダ下、models.pyの内容は以下の通りで、ユーザーデータを登録するテーブル(user_data)の各項目に対する指定可能なデータを設定している。また、「__str__」メソッドの追加により、各項目値を文字列で表示できるようにしている。
from django.db import models class UserData(models.Model): """ user_dataテーブルへアクセスするためのモデル """ # 性別のデータ sex_data = [ ('1', '男'), ('2', '女') ] # 生年月日(月)のデータ birth_year_data = [ (x + 1, x + 1) for x in range(1909, 2022) ] # 生年月日(月)のデータ birth_month_data = [ (x + 1, x + 1) for x in range(12) ] # 生年月日(日)のデータ birth_day_data = [ (x + 1, x + 1) for x in range(31) ] # テーブル名を存在するuser_dataテーブルに変更する class Meta: db_table = 'user_data' id = models.IntegerField(primary_key=True) name = models.CharField(max_length=40) birth_year = models.IntegerField(choices=birth_year_data, default='2012') birth_month = models.IntegerField(choices=birth_month_data, default='1') birth_day = models.IntegerField(choices=birth_day_data, default='1') sex = models.CharField(choices=sex_data, max_length=1, default='1') memo = models.CharField(max_length=1024, blank=True, null=True) # print(UserDataオブジェクト)とすることで、UserDataオブジェクトの各値を # 文字列で表示できるようにするためのメソッド def __str__(self): return 'UserData id=' + str(self.id) + ', name=' + str(self.name) \ + ', birth_year=' + str(self.birth_year) \ + ', birth_month=' + str(self.birth_month) \ + ', birth_day=' + str(self.birth_day) \ + ', sex=' + str(self.sex) + ', memo=' + str(self.memo)
demoフォルダ下、forms.pyの内容は以下の通りで、user_dataテーブルへアクセスするためのモデルに準じた(ModelFormクラスを継承した)フォームであるUserDataModelFormクラスと、UserDataModelFormクラスに項目を追加したInputModelFormクラスを定義している。
from django import forms from .models import UserData from django.core.validators import RegexValidator import datetime def check_date(year, month, day): """ 年月日が存在する日付の場合はTrue、存在しない日付の場合はFalseを返す """ try: new_date_str = "%04d/%02d/%02d" % (year, month, day) datetime.datetime.strptime(new_date_str, "%Y/%m/%d") return True except ValueError: return False class UserDataModelForm(forms.ModelForm): """ user_dataテーブルへアクセスするためのモデルに準じたフォーム """ class Meta: # ベースとなるモデルクラス(UserData)を指定 model = UserData # ベースとなるモデルクラスのうち、表示するフィールドを指定 fields = ('name', 'birth_year', 'birth_month', 'birth_day', 'sex', 'memo') labels = { 'name': '名前', 'birth_day': '生年月日', 'sex': '性別', 'memo': 'メモ', } widgets = { 'name': forms.TextInput(attrs={'size': '13', 'maxlength': '13'}), 'birth_year': forms.Select, 'birth_month': forms.Select, 'birth_day': forms.Select, 'sex': forms.RadioSelect(), 'memo': forms.Textarea(attrs={'rows': 6, 'cols': 40}), } def clean(self): """ フォーム内の項目の入力チェック処理 """ cleaned_data = super().clean() birth_year = cleaned_data.get('birth_year') birth_month = cleaned_data.get('birth_month') birth_day = cleaned_data.get('birth_day') # 生年月日が存在しない日付の場合、エラーを返す if not check_date(birth_year, birth_month, birth_day): raise forms.ValidationError('生年月日を正しく入力してください。') return cleaned_data class InputModelForm(UserDataModelForm): """ user_dataテーブルへアクセスするためのモデルに準じたフォームに、項目(check)を追加 """ """ views.pyからは、このInputModelFormクラスを参照している """ check = forms.BooleanField(label='入力確認') class Meta(UserDataModelForm.Meta): fields = UserDataModelForm.Meta.fields + ('check',)
なお、上記UserDataModelFormクラス内のcleanメソッドで、独自チェックを実装している。独自チェック処理については、以下のサイトを参照のこと。
https://yu-nix.com/archives/django-form-validation/
demoフォルダ下、views.pyの内容は以下の通りで、InputModelFormクラスを利用した入力チェック処理や、user_dataテーブルへの登録処理を行うようにしている。
from django.shortcuts import render from django.http import HttpResponse from .forms import InputModelForm from .models import UserData from django.db.models import Max from datetime import datetime as dt # クラス定数を定義 SEX_LABEL_IDX = 1 # 性別のラベルを取得するためのインデックス def index(request): """ 入力画面を表示 """ # 確認画面に渡すフォームを初期化 params = { 'input_form': InputModelForm() } return render(request, 'demo/input.html', params) def confirm(request): """ 入力画面で確認ボタンが押下された時の処理を定義 """ # 入力画面でのフォーム値を取得 input_form = InputModelForm(request.POST) # フォームの入力チェックを行い、エラーがない場合 if input_form.is_valid(): # 確認画面で表示するための入力値(性別)の値を生成 lbl_sex = UserData.sex_data[int(request.POST.get('sex')) - 1][SEX_LABEL_IDX] # 確認画面に渡す各変数を定義 params = { 'input_form': input_form, 'lbl_sex': lbl_sex, 'lbl_checked': '確認済', } return render(request, 'demo/confirm.html', params) # フォームの入力チェックを行い、エラーがある場合 else: # フォーム値はそのままで入力画面に戻る params = { 'input_form': input_form } return render(request, 'demo/input.html', params) def regist(request): """ 確認画面でボタンが押下された時の処理を定義 """ # 送信ボタンが押下された場合 if "send" in request.POST: # USER_DATAテーブルに登録されているidの最大値を取得 max_id_dict = UserData.objects.all().aggregate(Max('id')) # USER_DATAテーブルに入力データを追加 # USER_DATAテーブルに登録されているデータが無い場合、id=1とする user_data = UserData() user_data.id = (max_id_dict['id__max'] or 0) + 1 # 確認画面でのフォーム値にidを設定し、入力データを保存 input_form = InputModelForm(request.POST, instance=user_data) input_form.save() return render(request, 'demo/complete.html') # 戻るボタンが押下された場合 elif "back" in request.POST: # 確認画面でのフォーム値を入力画面に渡す input_form = InputModelForm(request.POST) params = { 'input_form': input_form } return render(request, 'demo/input.html', params)
また、demoフォルダ下、templatesフォルダ下の入力画面(input.html)・確認画面(confirm.html)の内容は以下の通りで、InputModelFormクラスのフォームを利用するようにしている。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>入力画面</title> <!-- 独自CSSファイルの読み込み --> {% load static %} <link rel="stylesheet" href="{% static 'demo/css/demo.css' %}"> </head> <body> <p>下記必要事項を記載の上、「確認」ボタンを押下してください。</p><br/> <!-- action属性のURLで、(demoフォルダ内)urls.pyの画面遷移先のname属性の値を指定している --> <form action="{% url 'confirm' %}" method="post"> <!-- 下記csrf_tokenは、CSRF対策を行うことでform送信時エラーを防ぐために設定 --> {% csrf_token %} <table> <!-- 氏名 --> <tr> <td align="left" valign="top">{{ input_form.name.label_tag }}</td> <td>{{ input_form.name }}</td> </tr> <!-- 生年月日 --> <tr> <td align="left" valign="top">{{ input_form.birth_day.label_tag }}</td> <td> {{ input_form.birth_year }}年 {{ input_form.birth_month }}月 {{ input_form.birth_day }}日 <!-- 生年月日の入力チェックエラーを表示 --> <span class="error_message"> {{ input_form.non_field_errors.0 }} </span> </td> </tr> <!-- 性別 --> <tr> <td align="left" valign="top">{{ input_form.sex.label_tag }}</td> <td> {% for sex_choice in input_form.sex %} {{ sex_choice.choice_label }} {{ sex_choice.tag }} {% endfor %} </td> </tr> <!-- メモ --> <tr> <td align="left" valign="top">{{ input_form.memo.label_tag }}</td> <td>{{ input_form.memo }}</td> </tr> <!-- 入力確認 --> <tr> <td align="left" valign="top">{{ input_form.check.label_tag }}</td> <td>{{ input_form.check }}</td> </tr> </table> <br/><br/> <input type="submit" name="confirm" value="確認" /> </form> </body> </html>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>確認画面</title> </head> <body> <p>入力内容を確認し、問題なければ「送信」ボタンを押下してください。</p> <form action="{% url 'regist' %}" method="post"> {% csrf_token %} <table> <!-- 氏名 --> <tr> <td align="left" valign="top">{{ input_form.name.label_tag }}</td> <td>{{ input_form.name.value }}</td> </tr> <!-- 生年月日 --> <tr> <td align="left" valign="top">{{ input_form.birth_day.label_tag }}</td> <td>{{ input_form.birth_year.value }}年 {{ input_form.birth_month.value }}月 {{ input_form.birth_day.value }}日</td> </tr> <!-- 性別 --> <tr> <td align="left" valign="top">{{ input_form.sex.label_tag }}</td> <td>{{ lbl_sex }}</td> </tr> <!-- メモ --> <tr> <td align="left" valign="top">{{ input_form.memo.label_tag }}</td> <!-- テキストエリアの改行を有効にするため、「| linebreaksbr」を付与 --> <td>{{ input_form.memo.value | linebreaksbr }}</td> </tr> <!-- 入力確認 --> <tr> <td align="left" valign="top">{{ input_form.check.label_tag }}</td> <td>{{ lbl_checked }}</td> </tr> </table> <br/><br/> <!-- フォームの各値を次画面に渡すためhidden項目を設定 --> {% for field in input_form %} {{field.as_hidden}} {% endfor %} <input type="submit" name="send" value="送信" /> <input type="submit" name="back" value="戻る" /> </form> </body> </html>
その他のソースコード内容は、以下のサイトを参照のこと。
https://github.com/purin-it/python/tree/master/django-mysql-modelform/djangoApp
マイグレーションの実行
前提条件の記事で、マイグレーション(アプリケーションで使うデータベースの定義を自動的に作成・管理する機能)を実行したが、今回もmodels.pyを編集したため、再度マイグレーションを実行する。
マイグレーションの実行方法は、以下の記事の「マイグレーションの実行」を参照のこと。ただし、user_dataテーブルは削除せず、作成済の状態でマイグレーションを実行すること。
コマンドプロンプト上で「python manage.py makemigrations (Djangoアプリケーション名)」コマンドを実行すると、以下の赤枠のファイルが作成されることが確認できる。
また、コマンドプロンプト上で「python manage.py showmigrations」コマンドを実行すると、以下のように、マイグレーション履歴が確認できる。
なお、マイグレーション後のuser_dataテーブルの定義を確認すると以下の通りで、マイグレーション前と同じ内容になっている。
サンプルプログラムの実行
サンプルプログラムの実行結果は以下の通りで、画面で入力したユーザーデータがuser_dataテーブルに追加されると共に、実行したSQLがログ出力されることが確認できる。
1) 実行前のuser_dataテーブルの中身は、以下の通り。
select * from user_data
2) コマンドプロンプトでDjangoプロジェクト名のフォルダに移動し、コマンドプロンプトで「python manage.py runserver」コマンドを実行して、Webサーバーを起動する。
3) 何も入力せず「確認」ボタンを押下すると、以下のようなエラーメッセージが表示されることが確認できる。なお、下記は「名前」の例だが、「入力確認」も同様のエラーメッセージが表示される。
4) 生年月日に存在しない日付を入力し「確認」ボタンを押下すると、以下のようなエラーメッセージが表示されることが確認できる。
5) 以下のように、入力画面で値を設定し確認画面で「送信」ボタンを押下すると、画面で入力したユーザーデータがuser_dataテーブルに追加されることが確認できる。また、このときに追加されたidは3(登録済のidの最大値+1)となっている。
6) 実行後のuser_dataテーブルの中身は以下の通りで、id=3のデータが追加されたことが確認できる。
select * from user_data
7) このときのコンソールログを確認すると、以下の赤枠のように、SQLの実行ログが出力されていることが確認できる。
要点まとめ
- Django内の「ModelForm」を利用すると、データベースとアクセスするModelクラスと連動するFormを作成することになり、ユーザーがFormで入力した値をデータベースに直接保存することができる。
- ModelFormを利用したフォームクラスで項目を追加する場合は、ModelFormクラスを継承したサブクラスを親にもつFormクラスに定義する。