どうもjackです。
８月からPythonをメインにエンジニア業務に従事することになりまして。
諸事情により12月までに7キロの減量を目標に生きてる駆け出しエンジニアです。
今回は表題の通りDjangoのform機能を使ってBMI測定を行います。

ちなみに私の開発環境は以下となっています。

Python 3.6.7
Django 2.2.3
macOS

では、早速。

django-admin startproject qiita

をターミナルにて実行してアプリを作成！

cd qiita

作成したディレクトリへ移動。

python3 manage.py startapp bmi

上記にてbmiアプリを作成。

qiitaディレクトリにあるsettings.pyのINSTALLED_APPSにbmiを追記。

settings.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'bmi',

qiitaディレクトリにあるurls.pyの編集を行います。

urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('bmi/', include('bmi.urls')),
]

合わせてbmiディレクトリにurls.pyのファイルを作成しておきましょう。
urls.pyの編集は後ほど。

qiitaディレクトリ

├── qiita
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── bmi
│   ├── migrations  
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── models.py
│   ├── tests.py
│   ├── urls.py ←これ
│   └── views.py
└── manage.py

今回のbmiの計算に必要な数値は身長と体重の２つ。
この2つの値をformで受け取る為にまずはbmiディレクトリにforms.pyを作成。

qiitaディレクトリ

├── qiita
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── bmi
│   ├── migrations  
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── forms.py ←これ
│   ├── models.py
│   ├── tests.py
│   ├── urls.py 
│   └── views.py
└── manage.py

んで持ってこのforms.pyを編集します。

forms.py

from django import forms

class BmiForm(forms.Form):
    weight = forms.IntegerField(label='weight')
    height = forms.IntegerField(label = 'height')

ではこの作成したformをviewにて関数を定義していきます。

views.py

from django.shortcuts import render
from .forms import BmiForm 
# Create your views here.
def bmi(request):
    params = {
    'title' :'BMI',
    'msg': 'enter your score',
    'form': BmiForm()
    }

    if (request.method=='POST'):
        msg = int(request.POST['weight']) / (int(request.POST['height'])/100 )**2
        params['msg'] = '{:.2f}'.format(msg)
        params['form'] = BmiForm(request.POST)

    return render(request, 'bmi/bmi.html', params)

paramsの部分は後ほど作成するhtmlに値を渡すための部分になります。

入力フォームを埋め込むhtmlを格納するtemplatesディレクトリを作成します。

qiitaディレクトリ

├── qiita
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── bmi
│   ├── migrations  
│   ├── templates
│   │      └── bmi
│   │           └── bmi.html ←ここ
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── forms.py 
│   ├── models.py
│   ├── tests.py
│   ├── urls.py 
│   └── views.py
└── manage.py

そしてbmi.htmlを書いていきます。

bmi.html

<!DOCTYPE html>
<html lang="ja" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>{{title}}</title>
  </head>
  <body>
    <h1>{{title}}</h1>
    <p>{{msg}}</p>
    <table>
      <form action="{% url 'bmi' %}" method="post">
        {% csrf_token %}
        {{form}}
        <tr>
          <td></td><td><input type="submit" name="" value="send"></td>
        </tr>
      </form>
    </table>

  </body>
</html>

最後にurls.pyを編集して終了です。

urls.py

from django.urls import path, include
from . import views

urlpatterns = [
   path('', views.bmi, name='bmi'),
   ]

ターミナルを起動させてローカルサーバーを立ち上げましょう。

python3 manage.py runserver

こういった表示が出れば完成です！！

実際に入力すると、、、

でたーーーーー！！！！
ちなみに標準は22らしいです。泣

ではさよならさよならさよなら。