Python(Anaconda) 学習備忘録#3 django 入力フォーム コーディング編
今回は学習備忘録#2で作成したformProjectに入力フォームを作成していこうと思います。
この投稿ではコーディングの順番はないものとして目次を各ファイル名にしてファイル別にコーディングの記録をしていきます。
プロジェクトの内容
実行したときのWebページ
プロジェクトフォルダ内のファイル構成
現時点(2023/3/19)でのプロジェクトフォルダの内容は下図のようになっています。
投稿するをクリックしたときの処理の流れ
templates フォルダ
このフォルダにはアプリケーションのHTMLファイルを格納します。
formApp.html
<form action="/create/" method="POST">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">投稿する</button>
</form>
{% csrf_token %}
Djangoのセキュリティ機能であるCSRFトークンをフォームに挿入するテンプレートタグです。フォーム送信時に、このトークンが一致しない場合は、リクエストを拒否してクロスサイトリクエストフォージェリ(CSRF)攻撃から保護します。
{{ form.as_p }}は、Djangoのフォームを表示するためのテンプレートタグで、各フィールドをパラグラフの形式で表現します。自動的にHTMLタグが生成され、フォームの各フィールドが含まれます。
app フォルダ
このフォルダにはアプリケーションに必要なPythonコードを格納しています。
コード内 #★★★ は手動で記述したコードを示しています。
forms.py(ファイル追加)
ファイルはstartapp で生成されておらず手動で追加しました。
from #★★★以下追記
django import forms
class PostForm(forms.Form):
name = forms.CharField(max_length=45, help_text='名前を入力')
address = forms.CharField(max_length=45, help_text='住所を入力')
PostFormはdjangoのフォーム定義クラスで
nameとaddressはフィールドでPOSTされたデータを検証するために使用する。
models.py
from django.db import models
# Create your models here.
#★★★以下追記
class Post(models.Model):
name = models.CharField(max_length=45, help_text='名前を入力')
address = models.CharField(max_length=45, help_text='住所を入力')
forms.pyとほぼ同じコードだが()内がFormとModelと違う
調べるとclass **() の()の中は基底クラスを表しています。
ということは class Post は django.db から importした Modelクラスの派生クラスということです。
urls.py(ファイル追加)
ファイルはstartapp で生成されておらず手動で追加しました。
#★★★以下追記
from django.urls import path
from app import views
urlpatterns = [
path('', views.home_view, name='home_view'),
path('create/', views.create_view, name='create_view'),
]
views.py
from django.shortcuts import render
# Create your views here.
#★★★以下追記
from django.http import HttpResponse # <- create_view()で使う
from .models import Post # <- create_view()で使う
from .forms import PostForm
def home_view(request):
context = {}
context['form'] = PostForm()
return render(request, 'formApp.html', context)
def create_view(request):
cnx = None
try:
form = PostForm(request.POST)
if not form.is_valid():
return HttpResponse('invalid', status=500)
name = form.cleaned_data['name']
address = form.cleaned_data['address']
post = Post.objects.create(name=name, address=address)
cnx = mysql.connector.connect(
user='root', # ユーザー名
password='takajere1675', # パスワード
host='localhost', # ホスト名(IPアドレス)
database='formproject_db' # データベース名
)
cursor = cnx.cursor()
sql = ('''
INSERT INTO student
(name, address)
VALUES
(%s, %s, )
''')
data = [
(name, address)
]
cursor.executemany(sql, data)
cnx.commit()
print(f"{cursor.rowcount} records inserted.")
cursor.close()
except Exception as e:
print(f"Error Occurred: {e}")
finally:
if cnx is not None and cnx.is_connected():
cnx.close()
context = {}
context['form'] = PostForm()
return render(request, 'formApp.html', context)
【コードに関するメモ】
form = PostForm(request.POST)
if not form.is_valid():
return HttpResponse('invalid', status=500)
↑上記のコードでデータの検証をしないと
↓cleaned_dataコードでエラーが発生する。
name = form.cleaned_data['name'] #-B
address = form.cleaned_data['address'] #-B
formProject フォルダ
settings.py
"""
Django settings for formProject project.
Generated by 'django-admin startproject' using Django 4.1.
For more information on this file, see
https://docs.djangoproject.com/en/4.1/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/4.1/ref/settings/
"""
from pathlib import Path
# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/4.1/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = "***************************"
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
ALLOWED_HOSTS = []
# Application definition
INSTALLED_APPS = [
"app", #★★★追加したアプリケーションの名前を追記★★★
"django.contrib.admin",
"django.contrib.auth",
"django.contrib.contenttypes",
"django.contrib.sessions",
"django.contrib.messages",
"django.contrib.staticfiles",
#★★★ anacondaPrompt で追加したモジュールをここに追記
#★★★追記例
#'crispy_forms',
]
MIDDLEWARE = [
"django.middleware.security.SecurityMiddleware",
"django.contrib.sessions.middleware.SessionMiddleware",
"django.middleware.common.CommonMiddleware",
"django.middleware.csrf.CsrfViewMiddleware",
"django.contrib.auth.middleware.AuthenticationMiddleware",
"django.contrib.messages.middleware.MessageMiddleware",
"django.middleware.clickjacking.XFrameOptionsMiddleware",
]
ROOT_URLCONF = "formProject.urls"
import os
TEMPLATES = [
{
"BACKEND": "django.template.backends.django.DjangoTemplates",
"DIRS":
[
#★★★最初に生成されたときは何も記述がない状態★★★
os.path.join(BASE_DIR, 'templates'),
#★★★app/templatesフォルダを認識対象フォルダに追加するためのコードフォルダ追加毎にコンマ区切りで
#★★★追記していく
],
"APP_DIRS": True,
"OPTIONS": {
"context_processors": [
"django.template.context_processors.debug",
"django.template.context_processors.request",
"django.contrib.auth.context_processors.auth",
"django.contrib.messages.context_processors.messages",
],
},
},
]
WSGI_APPLICATION = "formProject.wsgi.application"
# Database
# https://docs.djangoproject.com/en/4.1/ref/settings/#databases
DATABASES = {
#★★★↓ 最初に生成された時の状態★★★
#'default': {
# 'ENGINE': 'django.db.backends.sqlite3',
# 'NAME': BASE_DIR / 'db.sqlite3',
#}
#★★★↓ mysqlのデータベースに変更した場合★★★
"default": {
"ENGINE": "django.db.backends.mysql",
"NAME":"formProject_db",
"USER":"root", #現在開発中のPCのC :ドライブ★★★
"PASSWORD":"******",
"Host" : "Localhost",
"PORT":"3306",
#★★★
}
}
# Password validation
# https://docs.djangoproject.com/en/4.1/ref/settings/#auth-password-validators
AUTH_PASSWORD_VALIDATORS = [
{
"NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
},
{
"NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
},
{
"NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
},
{
"NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
},
]
# Internationalization
# https://docs.djangoproject.com/en/4.1/topics/i18n/
#★★★↓ 最初に生成された時の状態★★★ #LANGUAGE_CODE = "en-us"
LANGUAGE_CODE = "ja" #★★★webの表記が日本語になる。
#★★★
#★★★↓ 最初に生成された時の状態★★★ #TIME_ZONE = "UTC"
TIME_ZONE = "Asia/Tokyo" #★★★日本の時間になる。
#★★★
USE_I18N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/
STATIC_URL = "static/"
# Default primary key field type
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
urls.py
"""formProject URL Configuration
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/4.1/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: path('', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: path('', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.urls import include, path
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from django.urls import include
urlpatterns = [
#★★★追記 appに追加した urls.py をプロジェクト対象URLと認識させるために記述
path('', include('app.urls')),
#★★★
path("admin/", admin.site.urls),
]
この記事が気に入ったらサポートをしてみませんか?