ユーザ認証とコメント掲示板の開発
- プロジェクトの概要
- プロジェクトの作成と初期設定
- アプリケーションの作成と有効化
- ルートの記述
- ビューの定義
- HTML のテンプレート化
- HTML ファイルの作成
- Web ページ雛形の表示確認
- トップページの作成
- データベースのマイグレーション
- ユーザの作成
- ユーザ認証機能の実装
- セッション情報の確認
- ユーザ認証の状態を表示
- Navbar を設置
- モデルの作成とマイグレーション
- テストデータの投入
- コメントの一覧表示
- ページネーションと更新逆順表示
- コメント投稿機能の実装
- フラッシュメッセージ
- コメント詳細表示ページの実装
- 投稿者のユーザ名とメールアドレスの表示
- 投稿者であるかどうかの判断
- 編集・更新機能の実装
- コメント削除機能の実装
- Navbar の調整
- Profile の表示
- Profile の編集と更新
- パスワードの変更
- 管理サイトの準備
- 管理ユーザの登録
- 管理サイトへのログインとスタッフの登録
- グループの追加と権限の付与
- 管理サイトに comments アプリケーションを登録
- Comments アプリケーションから管理サイトへ
ユーザ認証とコメント掲示板の開発
プロジェクトの作成と初期設定
プロジェクトの作成
まず，Anaconda prompt を起動し django_comment_auth という名称のプロジェクトを作成します．
(py39) C:\Users\lecture>cd Documents ⏎ (py39) C:\Users\lecture\Documents>cd django ⏎ (py39) C:\Users\lecture\Documents\django>django-admin startproject django_comment_auth ⏎ (py39) C:\Users\lecture\Documents\django>cd django_comment_auth ⏎ (py39) C:\Users\lecture\Documents\django\django_comment_auth>dir ⏎ ドライブ C のボリューム ラベルがありません。 ボリューム シリアル番号は E033-4666 です C:\Users\lecture\Documents\django\django_comment_auth のディレクトリ 2022/07/27 17:42 <DIR> . 2022/07/27 17:42 <DIR> .. 2022/07/27 17:42 <DIR> django_comment_auth 2022/07/27 17:42 697 manage.py 1 個のファイル 697 バイト 3 個のディレクトリ 14,235,115,520 バイトの空き領域 (py39) C:\Users\lecture\Documents\django\django_comment_auth>
Git でコミット
次に，git でコミットします．
(py39) C:\Users\lecture\Documents\django\django_comment_auth>git init ⏎ Initialized empty Git repository in C:/Users/lecture/Documents/django/django_comment_auth/.git/ (py39) C:\Users\lecture\Documents\django\django_comment_auth>git add . ⏎ (py39) C:\Users\lecture\Documents\django\django_comment_auth>git commit -m"initial commit" ⏎ [master (root-commit) 6366958] initial commit 6 files changed, 198 insertions(+) create mode 100644 django_comment_auth/__init__.py create mode 100644 django_comment_auth/asgi.py create mode 100644 django_comment_auth/settings.py create mode 100644 django_comment_auth/urls.py create mode 100644 django_comment_auth/wsgi.py create mode 100644 manage.py (py39) C:\Users\lecture\Documents\django\django_comment_auth>
Visual Studio Code を起動して，プロジェクトのフォルダを開きます．Anaconda prompt （またはコマンドプロンプト）でプロジェクトのディレクトリから code . コマンドを使うと簡単に起動することができるはずです．Mac で Homebrew を使って Visual Studio Code をインストールした場合も同じように code . コマンドが使えます．インストーラを使ってインストールした場合は，PATH 内に 'code' コマンドをインストールしておくことでやはり code . コマンドが使えるようになります．
Visual Studio Code を使って，.gitignore ファイルを作成します．このファイル内に記載されたファイルは git の管理下には置かれないようになります．例えば，データベースのファイル db.sqlite3 は git で管理しないことを意味します．なお，Windows 環境では .DS_Store は不要です．
.gitignore
db.sqlite3
*/__pycache__/
*/*/__pycache__/
.coverage
htmlcov
.DS_Store
.gitignore ファイルを作成したら，git でコミットしておきます．
(py39) C:\Users\lecture\Documents\django\django_comment_auth>git status ⏎ On branch master Untracked files: (use "git add <file>..." to include in what will be committed) .gitignore nothing added to commit but untracked files present (use "git add" to track) (py39) C:\Users\lecture\Documents\django\django_comment_auth>git add . ⏎ (py39) C:\Users\lecture\Documents\django\django_comment_auth>git commit -m"gitignore" ⏎ [master 9565b88] gitignore 1 file changed, 6 insertions(+) create mode 100644 .gitignore (py39) C:\Users\lecture\Documents\django\django_comment_auth>
初期設定
次に初期設定を行います．
django_comment_auth/settings.py
# Internationalization
# https://docs.djangoproject.com/en/4.0/topics/i18n/
LANGUAGE_CODE = 'ja'
TIME_ZONE = 'Asia/Tokyo'
USE_I18N = True
USE_TZ = False
Web サーバの起動
Web サーバを起動して，トップページにアクセスします．ロケット打ち上げのページが日本語で表示されたら成功です．
(py39) C:\Users\lecture\Documents\django\django_comment_auth>python manage.py runserver ⏎
Watching for file changes with StatReloader
Performing system checks...
以降のステップでは明記しませんが，途中の段階のきりの良いところでは git でコミットしておくことをおすすめします．