Django概要/クイックインストールガイド/チュートリアル1~7

Pocket

【Django概要/クイックインストールガイド/チュートリアル1~7】
Djangoの概要
 Django概要についての基本説明。
 モデル(データの入れ物)からDBを構築したり、URL設計や画面(ビュー)の作り方などをざっくり説明しています。
 基本的に流し読みでいい感じ。チュートリアル1~7を行うことで習得できる技術の説明です。

クイックインストールガイド
 Python、Djangoのインストールについて書いてます。すごく短い。

 以降、チュートリアル1~7で投票アプリを作成しています。あらかじめ用意した項目をチェックして投票し、得票数をカウントするWEBアプリケーションです。おおまかにチュートリアル1~4まででアプリケーションの大枠が完成します。

チュートリアル1 リクエストとレスポンス
 以下のようなテキストを表示するだけのページを作成します。

 ・「http://localhost:8000/polls/」にアクセスした際の画面
1_django_1

 ここではプロジェクト及びアプリケーションを作成し、テキストを表示するだけのビューを準備しています。

チュートリアル2 モデルと管理サイト
 以下のような管理サイトを準備します。これはデータベースのデータを登録/更新/削除する管理画面です。
2_django_1
2_django_2

 ここでは用意したモデルから、DB(テーブル)を作成し、管理サイトからデータを取り扱います。開発用に用意されたサーバの起動も行います。

チュートリアル3 ビューとテンプレート
 以下のようにビュー(画面)を書き換えます。投票の項目を画面に表示できるようにします。

 ・「http://localhost:8000/polls/」にアクセスした際の画面
3_django_1

 ・「http://localhost:8000/polls/1/」にアクセスした際の画面
3_django_2
 
 ここではURL設計やテンプレート(HTMLによる画面表記)、例外(404エラー)の作成など行います。

チュートリアル4 フォームと汎用ビュー
 以下のようにフォームを利用し、選択した項目に投票する仕組みを作ります。結果画面では得票数が表示されます。
 
 ・「http://localhost:8000/polls/」にアクセスした際の画面
4_django_1

 ・「http://localhost:8000/polls/1/results」にアクセスした際の画面
4_django_2
 
 ここではテンプレート(HTML表記)にフォームを加えます。URL設計を変更し、投票結果画面に遷移するようにします。

チュートリアル5 テスト
 以下のようにUnitテストを実施し、結果を確認します。

Creating test database for alias 'default'...
...
----------------------------------------------------------------------
Ran 3 tests in 0.001s

OK
Destroying test database for alias 'default'...
Creating test database for alias 'default'...
..........
----------------------------------------------------------------------
Ran 10 tests in 0.045s

OK
Destroying test database for alias 'default'...

 ここではUnitテストの実施とデバッグを行います。GitHubへのpush時に、jenkins上で動作するようにすれば自動テストの仕組みが作れます。
 
チュートリアル6 静的ファイル
 以下のように静的ファイル(固定ファイル、画像等)を使います。(以下はネットから拾った画像で実装)
6_django_1
 
 具体的にはCSSに指定しています。

チュートリアル7 管理サイトのカスタマイズ
 以下の管理サイトで表示順を変えるなど、カスタマイズを施します。
7_django_1

 ここはさほど重要ではないかもしれません。
 

広告

Pocket