Django Python 会議室予約システム

Djangoフレームワークを使った会議室予約システムの作成

Djangoフレームワークを使った会議室予約システムの作成

こんにちは、ともです。

今回はPythonのWebアプリケーション用のDjangoフレームワークを使って会議室予約システムの作成を行います。

PythonやDjangoのインストール、および、Djangoを使ったHelloWorldの表示については、本ブログの最後にリンクを記載します。

フロントのコーディングはこちらを参照してください。

Djangoフレームワークを使った会議室予約システムの作成(フロント)

目次

  1. 会議室予約システムプロジェクト作成
  2. 会議室予約システムWebアプリ作成
    1. website/urls.pyコーディング
    2. mrrs/urls.pyコーディング
    3. mrrs/views.pyコーディング
    4. セーブポイント（URL確認）
  3. データーベース設定
    1. mrrs/models.pyコーディング
    2. website/settings.pyコーディング
    3. テーブル作成
  4. 画面作成
    1. mrrs/forms.pyコーディング
    2. mrrs/views.pyコーディング
    3. templates/resurv.htmlコーディング
  5. まとめ

会議室予約システムプロジェクト作成

最初にプロジェクトを作成します。

プロジェクトを作成する前に、開発するディレクトリを作成します。

今回は「C:\python_workspace\01_project」に作成します。

    
C:/
　┗ python_workspace/
　　　┗ 01_project/

Anaconda Prompt(anaconda3)をつかってプロジェクトを作成します。

WindowsのスタートからAnaconda Prompt(anaconda3)を起動します。

コマンドプロンプトをを起動して、ディレクトリを移動します。

    
cd C:\python_workspace\01_project

プロジェクト名は「website」とします。

以下のコマンドを入力します。

    
django-admin startproject website

コマンドを入力するとディレクトリが作成されます。

ディレクトリが作成されたか確認します。

dirコマンドを入力します。

    
dir

以下のようなwebsiteが表示されていたら成功です。

    
 ドライブ C のボリューム ラベルがありません。
 ボリューム シリアル番号は 96BD-721F です

 C:\python_workspace\01_project のディレクトリ

2022/06/16  20:19    <DIR>          .
2022/06/16  20:19    <DIR>          ..
2022/06/16  20:19    <DIR>          website
               0 個のファイル                   0 バイト
               3 個のディレクトリ  217,713,074,176 バイトの空き領域

会議室予約システムWebアプリ作成

プロジェクトを作成後にアプリを作成します。

会議システム予約システム用のWebアプリを作成するために、manage.py と同じディレクトリに入って、このコマンドを実行します。

アプリ名はmrrs(Meeting room reservation systemの略)です。

Anaconda Prompt(anaconda3)からプロジェクト配下に移動します。

    
cd C:\python_workspace\01_project\website
    
  
    
C:/
　┗ python_workspace/
　　　┗ 01_project/
　　　　　┗ website/

以下のコマンドを入力しアプリを作成します。

    
python manage.py startapp mrrs

コマンドを入力すると、以下のフォルダが作成されます。

    
C:/
　┗ python_workspace/
　　　┗ 01_project/
　　　　　┗ website/
　　　　　　　┣ mrrs/
　　　　　　　┃　┣ __init__.py
　　　　　　　┃　┣ admin.py
　　　　　　　┃　┣ apps.py
　　　　　　　┃　┣ migrations/
　　　　　　　┃　┃  ┗ __init__.py
　　　　　　　┃　┣ models.py
　　　　　　　┃　┣ tests.py
　　　　　　　┃　┣ urls.py
　　　　　　　┃　┗ views.py
　　　　　　　┣ manage.py
　　　　　　　┗ website/

website配下のwebsiteディレクトリは、プロジェクト作成時に作成されます。

website/urls.pyコーディング

website/website/urls.pyを改修します。

website/website/urls.pyは、プロジェクトのURLを管理するファイルです。このファイルに、アプリが利用するパスをファイル単位で設定します。

website/website/urls.pyにmrrsのurlパラメータパスと参照先urlsを入力します。

  1.     
  2. from django.contrib import admin
  3. from django.urls import path
  4. from django.conf.urls import include, url
  6. urlpatterns = [
  7.     path('admin/', admin.site.urls),
  8.     path('mrrs/', include('mrrs.urls')),
  9. ]
  10.     
  11.

mrrs/urls.pyコーディング

website/mrrs/urls.pyに以下のコードを入力します。mrrs/urls.pyは自動で作成されないため手動で作成して下さい。

  1.     
  2. from django.conf.urls import url
  3. from . import views
  5. urlpatterns = [
  6.     url('^$', views.mrrs, name='mrrs'),
  7. ]
  8.     
  9.

mrrs/views.pyコーディング

urlを設定した後はviewを改修します。

website/mrrs/views.pyコードを修正します。このファイルは、mrrsアプリを作成した時に自動で作成されます。

  1.     
  2. from django.http.response import HttpResponse
  4. def mrrs(request):
  5.     return HttpResponse('会議室予約システム')
  6.     
  7.

セーブポイント（URL確認）

いきなり全部作成するのは怖いのでこの時点で一度サーバーを起動して「会議室予約システム」の文言を表示します。

Anaconda Prompt(anaconda3)から以下のコマンドを入力します。

    
python manage.py runserver

サーバーを起動した後以下のURLを入力します。

http://127.0.0.1:8000/mrrs/

会議室予約システムの文言が表記されます。

データーベース設定

予約情報を登録するためにデーターベースを使用します。

使用するデーターベースは、db.sqlite3を使用します。

作成するテーブルは以下の項目を作成します。

テーブル名は、「room_reservation」です。

  • 会議室予約ID
  • 会議室ID
  • 利用者
  • 開始日時
  • 終了日時
  • 削除フラグ

mrrs/models.pyコーディング

データモデルのコーディングを行います。

データモデルは上記で作成した「room_reservation」のテーブルの内容を反映します。

  1.     
  2. from django.db import models
  3. from django.utils import timezone
  5. class room_reservation (models.Model):
  6.     """
  7.     room_reservationテーブルのモデル.
  9.     """
  10.     # id : INTEGER型で、主キー
  11.     id = models.IntegerField(primary_key=True)
  12.     # 会議室ID : INTEGER型
  13.     room_id = models.IntegerField()
  14.     # 利用者 : 文字列型30桁
  15.     user = models.CharField(max_length=30)
  16.     # 開始日時 : DATETIME型
  17.     start_date_time = models.DateTimeField(default=timezone.now)
  18.     # 終了日時 : DATETIME型
  19.     end_date_time = models.DateTimeField(default=timezone.now)
  20.     # 削除フラグ : INTEGER型
  21.     del_flg = models.IntegerField()
  22.     
  23.

website/settings.pyコーディング

website/settings.pyにアプリケーションコンフィグの設定を行います。

  1.     
  2. INSTALLED_APPS = [
  3.     'django.contrib.admin',
  4.     'django.contrib.auth',
  5.     'django.contrib.contenttypes',
  6.     'django.contrib.sessions',
  7.     'django.contrib.messages',
  8.     'django.contrib.staticfiles',
  9.     'mrrs.apps.MrrsConfig',
  10. ]
  11.     
  12.

'mrrs.apps.MrrsConfig',を入力します。

テーブル作成

テーブルを作成します。以下のコマンドを入力します。

Anaconda Prompt(anaconda3)から以下のコマンドを入力します。

    
python manage.py makemigrations mrrs

入力すると以下の内容が表示されます。

    
Migrations for 'mrrs':
  mrrs\migrations\0001_initial.py
    - Create model room_reservation

sqlmigrateを実行します。

    
python manage.py sqlmigrate mrrs 0001

入力すると以下の内容が表示されます。

    
BEGIN;
--
-- Create model room_reservation
--
CREATE TABLE "mrrs_room_reservation" 
(
  "id" integer NOT NULL PRIMARY KEY, 
  "room_id" integer NOT NULL, 
  "user" varchar(30) NOT NULL, 
  "start_date_time" datetime NOT NULL, 
  "end_date_time" datetime NOT NULL, 
  "del_flg" integer NOT NULL
);
COMMIT;

migrateを実行します。

テーブルを反映します。以下のコマンドを入力します。

    
python manage.py migrate

入力すると以下の内容が表示されます。

    
Operations to perform:
  Apply all migrations: admin, auth, contenttypes, mrrs, sessions
Running migrations:
  Applying mrrs.0001_initial... OK

画面作成

会議室の入力内容をデーターベースに登録しその結果を画面に表示します。

mrrs/forms.pyコーディング

入力フォームのクラスを作成します。今回は全てテキスト入力とします。

  1.     
  2. from django import forms
  4. class reserv_room(forms.Form):
  5.     """
  6.     reserv_roomのフォーム.
  8.     """
  9.     # 予約ID
  10.     reserve_id = forms.CharField(
  11.         label = 'ID',
  12.         max_length = 20,
  13.         required = True,
  14.         widget = forms.TextInput()
  15.     )
  16.     # 会議室ID
  17.     room_id = forms.CharField(
  18.         label = '会議室ID',
  19.         max_length = 20,
  20.         required = True,
  21.         widget = forms.TextInput()
  22.     )
  23.     # 利用者
  24.     reserve_name = forms.CharField(
  25.         label = '利用者',
  26.         max_length = 20,
  27.         required = True,
  28.         widget = forms.TextInput()
  29.     )
  30.     # 開始日時
  31.     start_date_time = forms.CharField(
  32.         label = '開始日時',
  33.         max_length = 20,
  34.         required = True,
  35.         widget = forms.TextInput()
  36.     )
  37.     # 終了日時
  38.     end_date_time = forms.CharField(
  39.         label = '終了日時',
  40.         max_length = 20,
  41.         required = True,
  42.         widget = forms.TextInput()
  43.     )
  44.     
  45.

mrrs/views.pyコーディング

最初に作成したviewsを以下の内容で上書きします。

  1.     
  2. from django.http.response import HttpResponse
  3. from django.shortcuts import render
  4. from .models import room_reservation
  5. from . import forms
  6. def mrrs(request):
  7.     """
  8.     会議室予約システム画面の関数
  9.     """
  10.     # リクエストがPOST形式の場合 データーベースに会議室予約システムの情報を登録する.
  11.     if request.method == "POST":
  12.         # 予約ID
  13.         reserve_id = request.POST.get('reserve_id')
  14.         # 会議室ID
  15.         room_id = request.POST.get('room_id')
  16.         # 利用者
  17.         reserve_name = request.POST.get('reserve_name')
  18.         # 開始日時
  19.         start_date_time = request.POST.get('start_date_time')
  20.         # 終了日時
  21.         end_date_time = request.POST.get('end_date_time')  
  22.         # リクエストパラメーターをデーターモデルに当て込みます.
  23.         data_object = room_reservation(
  24.             id=reserve_id, 
  25.             room_id=room_id, 
  26.             user=reserve_name, 
  27.             start_date_time=start_date_time, 
  28.             end_date_time=end_date_time, 
  29.             del_flg=0)
  30.         # データーを登録する.
  31.         data_object.save()
  32.     # データーモデルからデーターを取得する.
  33.     reserv_data = room_reservation.objects.all()
  34.     # フォームオブジェクトを取得する.
  35.     form = forms.reserv_room(request.GET or None)
  36.     # テンプレートに渡す値を設定する
  37.     display = {
  38.         'form': form,
  39.         'reserve_data' : reserv_data,
  40.     }
  41.     return render(request, 'resurve.html', display)
  42.     
  43.

templates/resurv.htmlコーディング

website配下のsetting.pyを修正しテンプレートディレクトリを読めるようにします。。

先頭に os importを追加しておいてください。

    
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'mrrs/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',
            ],
        },
    },
]

テンプレートファイルを作成します。

  1.     
  2. <!DOCTYPE html>
  3.   <html>
  4.     <head lang="ja">
  5.       <meta charset="utf-8">
  6.       <title>会議室予約システム</title>
  7.     </head>
  8.     <body>
  9.       <h1>会議室予約システム</h1>
  10.       <!-- 入力フォームと送信ボタンは formタグで囲み postメソッドで送信する -->
  11.       <form action="" method="POST">
  12.         <!--POSTを行う際に必要 -->
  13.         {% csrf_token %}
  14.         <div style='margin:0 auto; width:1000px;'>
  15.           <!--予約ID-->
  16.           <label>{{ form.reserve_id.label }} {{ form.reserve_id }}</label><br/>
  17.           <!--会議室ID-->
  18.           <label>{{ form.room_id.label }} {{ form.room_id }}</label><br/>
  19.           <!--利用者-->
  20.           <label>{{ form.reserve_name.label }} {{ form.reserve_name }}</label><br/>
  21.           <!--開始日時-->
  22.           <label>{{ form.start_date_time.label }} {{ form.start_date_time }}</label><br/>
  23.           <!--終了日時-->
  24.           <label>{{ form.end_date_time.label }} {{ form.end_date_time }}</label><br/>
  25.           <br />
  26.           <input type="submit" value="送信">
  28.           {% for reserve in reserve_data %}
  29.             <ul>
  30.             <!--予約ID-->
  31.             <li>{{reserve.id}}</li>
  32.             <!--会議室ID-->
  33.             <li>{{reserve.room_id}}</li>
  34.             <!--利用者-->
  35.             <li>{{reserve.user}}</li>
  36.             <!--開始日時-->
  37.             <li>{{reserve.start_date_time}}</p>
  38.             <!--終了日時-->
  39.             <li>{{reserve.end_date_time}}</p>
  40.           </ul>
  41.           {% endfor %}
  43.           <br/>
  44.           <br/>
  45.         </div>
  46.       </form>
  47.     </body>
  48.   </html>
  49.     
  50.

まとめ

サーバーを起動して会議室予約システムの画面を表示します。

表示後値を入力して送信ボタンを押下します。

    
python manage.py runserver

以下のURLを入力します。

http://127.0.0.1:8000/mrrs/

会議室予約システム

大枠のベースは作成しました。入力チェックや画面デザインはこれから作っていく予定です。

Pythonのインストールは以下を参照してください。

WindowsにAnacondaでPythonをインストール

以下はDjangoの基本について紹介しています。

Djangoを使ってHello Worldを表示する

以下はDjangoのテンプレートについて紹介しています。

Djangoのテンプレートを使ってみる

以下はDjangoのFormの使い方について紹介しています。

DjangoでFormを用いた値のやり取り

コメント

0 件のコメント:

コメントを投稿

コメントをお待ちしています。