Posted inプログラミング

djangoでwebアプリ作り

2024年2月20日No Comments
djangoでwebアプリ作り

三年前にpythonを学び始めてその時に使っていた自分のwebサイトが消えてしまったのでpythonに関するまとめも全て消えた。

再整理の意味も込めて今回は成果物を作りつつ簡単にまとめていく

開発環境

anacondaでpython3.8の開発環境を作成。
パソコンはM2mac

Qiita
[Python]Anacondaで仮想環境を作る - Qiita

初期導入

djangoをインストールしてバージョンを確認できたら正常にインストール完了

Django Project
はじめての Django アプリ作成、その 1 | Django ドキュメント
conda install django 

python -m django --version

今回はデスクトップにmysiteというプロジェクトフォルダを作る

cd /Users/haru/Desktop 

django-admin startproject mywebsite

mywebsiteの中にもmywebsiteディレクトリがあるが、ここでこのシステム全体の設定などを管理する。今後はプロジェクトファイル(mywebsite)を大文字でMYWEBSITEを表現して区別する。

accountsというディレクトリも作る。ログイン機能を作る場所。

cd mywebsite 

python manage.py startapp accounts

他にもアプリケーションごと(大まかな種類ごと)にmanage.py startappでディレクトリを分けて作っていく(templatesで作るのが楽になる)。

ついでにサイトのトップページ用のも作っておく

python manage.py startapp toppage

他にも後から足していくが、だいたいこんな感じで準備は完了！

データベースの設定

ここでは簡単にユーザー情報と投稿されたポストの情報を保存するデータベースを作成する。

主にadmin.py(DBを反映する)とmodels.py(DBの中身を定義する)を触る

MYWEBSITE(CSSの設定とかの後々必要なものもすでに追加済み)

#settings.py

from pathlib import Path
#追加or変更
import os

BASE_DIR = Path(__file__).resolve().parent.parent

SECRET_KEY = 'django-insecure-2+lb$!#15_nptd_tl__6_12u6cr%+@vzd_7q*fq#^-ye^7!&p3'

DEBUG = True

ALLOWED_HOSTS = []

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
　　　　　　　　#追加or変更
    'django.contrib.sites',
　　　　　　　　#追加or変更
    'accounts.apps.AccountsConfig',
　　　　　　　　#追加or変更
    'toppage.apps.ToppageConfig',
]

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 = 'mywebsite.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
　　　　　　　　　　　　　　　　#追加or変更
        'DIRS': [os.path.join(BASE_DIR, "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 = 'mywebsite.wsgi.application'

#追加or変更
AUTH_USER_MODEL = 'accounts.CustomUser'

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}


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',
    },
]

#追加or変更
LANGUAGE_CODE = 'ja'

#追加or変更
TIME_ZONE = 'Asia/Tokyo'

USE_I18N = True

USE_TZ = True

STATIC_URL = 'static/'

#追加or変更
STATICFILES_DIRS = (
    [os.path.join(BASE_DIR, 'static'),])

#追加or変更
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

#追加or変更
PROJECT_NAME = os.path.basename(BASE_DIR)

#追加or変更
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

#追加or変更
SITE_ID = 1

toppage

#admin.py

from django.contrib import admin

# Register your models here.
from .models import OurPosts

admin.site.register(OurPosts)

#models.py

from django.db import models

# Create your models here.
class OurPosts(models.Model):
    class Meta:
        db_table = "post"

    title = models.CharField(verbose_name="タイトル", max_length=20, blank=True)
    date = models.DateTimeField(verbose_name="日付")
    #photo = models.ImageField(upload_to="images/")
    content = models.TextField(verbose_name="コンテンツ", max_length=250, blank=True)

    def __str__(self):
        return self.title

accounts

#admin.py

from django.contrib import admin

from .models import CustomUser

admin.site.register(CustomUser)
#models.py

from django.db import models
from django.contrib.auth.models import AbstractUser

# Create your models here.
class CustomUser(AbstractUser):
    pass

ここまでできたらターミナルで以下を実行

python manage.py makemigrations
python manage.py migrate
python manage.py showmigrations

こんな感じで綺麗に全部[×]になってたら成功

accounts
 [X] 0001_initial
admin
 [X] 0001_initial
 [X] 0002_logentry_remove_auto_add
 [X] 0003_logentry_add_action_flag_choices
auth
 [X] 0001_initial
 [X] 0002_alter_permission_name_max_length
 [X] 0003_alter_user_email_max_length
 [X] 0004_alter_user_username_opts
 [X] 0005_alter_user_last_login_null
 [X] 0006_require_contenttypes_0002
 [X] 0007_alter_validators_add_error_messages
 [X] 0008_alter_user_username_max_length
 [X] 0009_alter_user_last_name_max_length
 [X] 0010_alter_group_name_max_length
 [X] 0011_update_proxy_permissions
 [X] 0012_alter_user_first_name_max_length
contenttypes
 [X] 0001_initial
 [X] 0002_remove_content_type_name
sessions
 [X] 0001_initial
sites
 [X] 0001_initial
 [X] 0002_alter_domain_unique
toppage
 [X] 0001_initial

スーパーユーザーの作成

python manage.py createsuperuser

ランサーバーに接続

python manage.py runserver

これで終了！

HTMLやCSSを表示させる

urls.py

mysiteのurls.pyから各アプリケーションのurls.pyに投げてそれぞれにそのあとを任せていくイメージ

mywebsiteのurls.py

#urls.py

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

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

accounts

#urls.py(自分で作る)

from django.urls import path

from . import views

app_name = "accounts"
urlpatterns = [
    path("login/", views.login, name="login"),
]

#views.py

from django.contrib.auth.views import LoginView as AuthLoginView
from django.contrib.auth.mixins import LoginRequiredMixin
from django.views.generic import list

class LoginView(AuthLoginView):
    template_name = "accounts/login.html"

login = LoginView.as_view()

toppage
#urls.py(自分で作る)

from django.urls import path

from . import views

app_name = 'toppage'
urlpatterns = [
    path('', views.top, name="top"),
]

#views.py

from django.shortcuts import render
from django.views.generic import TemplateView
# Create your views here.
class IndexView(TemplateView):
    template_name = "index.html"

top = IndexView.as_view()

MYWEBSITE直下にtemplatesとstaticという名前のディレクトリを作るtemplatesにはhtmlを、staticにはCSSやJSなどの静的ファイルを入れる。settings.pyですでにこのパスを記述済み。

アプリケーションごとにフォルダを分けたい場合は、templatesディレクトリの中に以下のように分けることができる。

今回はbootstrapのサンプルを使う。これをtemplatesに入れる。

HarunoAura
HarunoAura

静的ファイルはstaticに入れる。

HarunoAura
HarunoAura
HarunoAura
HarunoAura

HTMLファイルの最初にこれらを宣言する
これでCSSが反映される

{% load static %}
<link href="{% static 'css/styles.css' %}" rel="stylesheet" />

login機能などは今回は割愛

ここまでの実行ファイル

HarunoAura
HarunoAura
Last updated on 2024年4月24日

Comments

No comments yet. Why don’t you start the discussion?

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です