VagrantのDjangoで作るWebアプリケーション(その5 Viewの作成)

Vagrantの中に構築したDjango環境にViewを作成します。

Viewとは？

Viewとは、 Djangoのアプリケーションにおいて特定の機能を提供するウェブページの「型 (type)」で、アプリケーションのロジックです。また、Viewは各々のテンプレートを持っています。

Viewの仕組み

Viewは要求に応じてmodelから情報を取得しtemplateに渡します。Viewは、Pythonで記述されているだけです。

作業の流れ

1. pj1/pj1/の「urls.py」を編集してURLのサブディレクトリ「app1」を定義します。
2. pj1/app1/に「urls.py」を作成し、URLのサブディレクトリviews.indexを定義します。
3. pj1/app1/の「views.py」を編集してViewを実際に書いてみます。

準備

Vagrantでゲスト環境（仮想環境）を作ります。ゲスト環境の中にDjangoを構築します。その前に、以下の作業を終わらせましょう。

①Virtualboxをインストールします。Virtualboxのインストールまでで結構です。

→VirtualBoxをインストールする for Ubuntu

②Vagrantをインストールします。centos7環境を作りますので、Vagrantのインストールのみ済ませてください。

→Vagrantをインストールしてテスト環境を作る for Ubuntu

③Vagrantにcentos7環境を作ります。

→VagrantでCentOS7 + Python + Django環境を作る(その1 仮想環境作成)

④VagrantにPython3をインストールし、「pyenv + virtalenv」を作ります。

→VagrantでCentOS7 + Python + Django環境を作る(その2 Pythonとpyenv + virtalenv)

⑤VagrantにMariaDBをインストールして、DBを構築します。

→VagrantでCentOS7 + Python + Django環境を作る(その3 MariaDB)

⑥VagrantにWebアプリケーションサーバーのnginxをインストールします。

→VagrantでCentOS7 + Python + Django環境を作る(その4 nginx)

⑦VagrantにDjangoをインストールします。

→VagrantでCentOS7 + Python + Django環境を作る(その5 Django + uWSGI)

⑧VagrantにDjangoプロジェクト生成します。

→VagrantでDjangoで作るWebアプリケーションを作る(その1 プロジェクト生成)

⑨生成したプロジェクトを初期設定します。また、データベースを初期化します。

→VagrantでDjangoで作るWebアプリケーションを作る(その2 プロジェクトの初期設定)

⑩アプリケーションを生成し、モデルを作成します。

→VagrantでDjangoで作るWebアプリケーションを作る(その3 アプリケーション・モデルの作成)

⑪必要であれば、DBのレコード情報を外部へ出力します。

→VagrantでDjangoで作るWebアプリケーションを作る(その4 レコード情報を出力)

ホスト環境

ゲスト環境

Vagrantへログイン

①【ホスト環境】端末を開き、前回構築したVagrantのディレクトリまで移動します。

cd vagrant/django_apps/

②【ホスト環境】仮想マシンを起動します。

vagrant up

③【ホスト環境】ログインします。

vagrant ssh

firewall停止

①デフォルトで用意されているindex.htmlにHTTPアクセスできるか確認するため、firewalldを停止状態にします。

sudo systemctl stop firewalld
sudo systemctl disable firawalld

pyvenvで作成した仮想環境にログイン

前回、pyenvで仮想環境「venv_app1」を作成しました。ここにログインします。

①【ホスト環境】Vagrantの中の「venv_app1」ディレクトリまで移動します。

cd /vagrant/django_apps/venv_app1/

②【ゲスト環境】「venv_app1」を有効化します。

source ./bin/activate

以下のようなプロンプトが表示されれば有効化成功です。

(venv_app1) [vagrant@localhost venv_app1]$ 

URLを定義

先にWebアプリケーションのURLを定義します。

①以下のディレクトリに移動します。

cd /vagrant/django_apps

②「pj1/pj1/ulrs.py」を編集します。「ulrs.py」を編集することで、Djangoアプリケーション単位のURLを定義します。

vi pj1/pj1/urls.py

ここでは、 以下のURLが有効になるように設定します。

変更前

from django.conf.urls import url
from django.contrib import admin

urlpatterns = [
    url(r'^admin/', admin.site.urls),
]

変更後

from django.conf.urls import include, url
from django.contrib import admin

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^app1/', include('app1.urls', namespace = 'app1'))
]

③アプリケーションディレクトリ配下に新たに「ulrs.py」を作成します。

vi pj1/app1/urls.py

ここでは、 以下のURLが有効になるように設定します。

from django.conf.urls import url

from . import views

urlpatterns = [
    url(r'^$', views.index, name='index'),
]

View「Hello, world.」を定義する

Djangoアプリケーション表示を決定するViewを作っていきます。まずは最も単純な「Hello, world. You’re at the app1 index.」と表示するだけのViewを定義します。

①アプリケーションディレトクリ配下のveiws.pyを編集し、view定義します。

vi pj1/app1/views.py

編集後

from django.http import HttpResponse

def index(request):
    return HttpResponse("Hello, world. You're at the app1 index.")

②簡易Webサーバを立ち上げます。

python pj1/manage.py runserver 0.0.0.0:8000

③ホスト環境のブラウザから、以下のURLを入力します。

ブラウザに、以下のようなページが表示されます。

次回

次回はDjangoにBootstrapをインストールします。

→VagrantのDjangoで作るWebアプリケーション(その6 Bootstrapのインストール)