djangoで電卓の作成【python】

• Django チュートリアル: シンプルな電卓（加算のみ）を作りながら MVT を学ぶ
• 目的: ビュー → モデル → コントローラ間の値の入出力フローを体験
• 実装: forms.py でフォーム定義 → views.py で加算処理 → templates で結果表示
• 前提: Python / Django 導入済み

python django-admin.py startproject django_projects

python manage.py startapp calculator

from django.urls import path

from . import views

urlpatterns = [

    path('', views.index, name='index'),

    path('calc', views.calc),

]

from django.contrib import admin

from django.urls import include, path

urlpatterns = [

    path('calculator/', include('calculator.urls')),

    path('admin/', admin.site.urls),
]

<!DOCTYPE html>

<html lang="ja">

        <head>

                <meta charset="UTF-8">

                <title>{% block title %}{% endblock title %}</title>

        </head>

        <body>

                {% block content %}

                {% endblock %}

        </body>

</html>

{% extends "base.html" %}

{% block title %}電卓{% endblock title %}

{% block content %}

    <h1>djangoの加算電卓</h1>

    <form method="post" action="calc">

        {% csrf_token %}

        <input type="number" name="val1">
        +
        <input type="number" name="val2">

        <button type="submit"> = </button>

        {{ answer }}

    </form>

{% endblock %}

from django.shortcuts import render

def index(request):

    return render(request, 'index.html')

def calc(request):

    val1 = int(request.POST['val1'])

    val2 = int(request.POST['val2'])

    answer = val1 + val2

    context = {

        'answer': answer,

    }

    return render(request, 'index.html', context)