Djangoで、シンプルな予約サイトの作成シリーズ

Python Django シリーズ・まとめ

概要

Djangoで、シンプルな予約サイトを作成していきます。

店舗の一覧が表示されてて、店舗をクリックすると、店舗のスタッフ一覧ページに移動します。すると予約サイトによくあるカレンダーが表示されて、予約可能な時間に○、そうでない時間には☓があります。○をクリックすると予約ページに移動し、実際に予約ができます。

予約サイトの様子

店舗スタッフ向けの機能もあります。ログインすると、マイページに移動することができ、マイページでは所属店舗や直近の予約一覧が表示されます。所属店舗をクリックすると、カレンダーが表示されて予約状況を確認できますが、各日に「詳細」といったリンクができてて、その日の詳細な予約状況の確認、予約の更新・削除、休暇の追加といった操作ができます。

スタッフ側の予約サイトの様子

完全なソースコードはGithubにあるので、欲しい方はクローンしたりダウンロードしたりしてください。また、これを基に欲しい機能をつけたり、改良しても良いでしょう。今回作ったのはシンプルな予約サイトの一例です。

モデルの作成

Django、予約サイトのモデルを作成

今回はモデルから作っていきます。モデルを作ったら、Django管理サイトで色々データを追加しておくと良いでしょう。

店舗、スタッフ一覧ページの作成

予約サイトの店舗・スタッフ一覧ページ

ユーザーの行動をなぞるようにページを作成していこうと思います。すなわち、トップページで店舗一覧が表示され、クリックでスタッフの一覧ページです。

カレンダーページの作成

予約サイトのカレンダーページ

予約サイトと言えば、〇とか×が並んだカレンダーですね。これを実装していきます。

予約ページの作成

予約サイトの、予約送信ページ

実際に予約を送信できるようにしていきます。色々予約を入れて遊んでみましょう。

マイページの作成

予約サイト、マイページ作成①

予約サイト、マイページ作成②

予約サイト、マイページ作成③

スタッフ用のマイページを作ります。ログインすると、休暇を登録したり、自分宛の予約を更新・削除したり、1日の予約状況詳細ページなんかが使えます。

Relation Posts

Djangoでカレンダーを作るシリーズ

Djangoで、月間カレンダーや週間カレンダー、それぞれにスケジュール表示機能がついたもの、スケジュール登録フォームがついたもの等、様々なカレンダーを作成していきます。

Python Django Bootstrap4 シリーズ・まとめ

Django、予約サイトのモデルを作成

Djangoで、シンプルな予約サイトの作成シリーズの1つです。予約サイトを構成するためのモデルを作成していきます。

Python Django

予約サイトのカレンダーページ

Djangoで、シンプルな予約サイトの作成シリーズの1つです。今回は予約サイトの目玉機能である、予約状況のカレンダーページを作成します。〇とか×がついているやつです。

Python Django

予約サイトの、予約送信ページ

Djangoで、シンプルな予約サイトの作成シリーズの1つです。前回は予約状況のカレンダーページを作りましたので、今回は実際に予約をするためのページ・機能を作っていきます。

Python Django

予約サイト、マイページ作成①

Djangoで、シンプルな予約サイトの作成シリーズの1つです。スタッフが予約を確認したり休暇を入れたりする、マイページを作成していきます。

Python Django

予約サイト、マイページ作成②

Djangoで、シンプルな予約サイトの作成シリーズの1つです。今回はマイページのカレンダーや、1日の予約状況詳細ページを作成していきます。

Python Django

予約サイト、マイページ作成③

Djangoで、シンプルな予約サイトの作成シリーズの1つです。今回はマイページに、休暇の追加や予約の更新、削除機能をつけていきます。

Python Django

Comment

記事にコメントする

まだコメントはありません。