Django MTVパターンをマスターする：モデル、ビュー、テンプレート、フォームの完全ガイド

Web開発、特にDjangoで始めてみようかと悩んでいる方！MTVという言葉を聞いたことがありますか？ 最初は「Music Television」のことかと思っていました。(病的なアホギャグ...)しかし ジャンゴのMTVは全く違う意味を持っています。

今日はこの Django MTVパターンについて深く掘り下げていきます。 モデル、テンプレート、ビュー...そして フォームまで！コード例と一緒に一つ一つ確認しながら、Djangoのコアを把握してみましょう。 この記事を読み終えたら、Django MTVのエキスパートになることでしょう！

Django MTVパターンとは？

Django MTV 패턴 이해도
( Django MTVパターンの理解 )

Django MTVパターンはModel-Template-Viewの略で、ウェブアプリケーションの構造を体系的に分割する方法です。 他のフレームワークのMVC(Model-View-Controller)パターンに似ていますが、Djangoだけの特別な味があります。

  • Model: データベースを扱う部分
  • Template: ユーザーに表示されるUI部分
  • View: ビジネスロジックを処理する部分

MTV(Model-Template-View)と MVC(Model-View-Controller)パターンの主要な 相違点

DjangoのMTVパターン

  • Model: データ構造とデータベースの相互作用を担当
  • Template: ユーザーインターフェイスレンダリング(Viewと同様)
  • View: ビジネスロジック処理(Controllerと同様)

クラシックMVCパターン

  • Model: データとビジネスロジック
  • View: ユーザーに表示されるUI
  • Controller: ユーザー入力の処理、ModelとViewの仲介

主な違い

  • DjangoのViewがMVCのControllerとしての役割
  • DjangoのTemplateがMVCのViewとしての役割
  • 基本的な概念はほぼ同じ、用語のみ異なる

実質的に2つのパターンは、データ、ロジック、表現を分離するという同じ目的を持っています。

Django Models: データの基礎

Django Models 구조화 이미지
( Django Models 構造例 )

Django Modelsは データベーステーブルをPythonクラスで表現します。 例えば、ブログポストを作成するとします。
* データベーステーブルは情報を行(row)と列(column)で構造化して保存するデータベースの基本構造です。例えば、下記のコードのBlogPostモデルは'blog_post'というテーブルに変換され、各行は個別ブログポスト、各列はタイトル、内容、発行日を保存します。

from django.db import models

class BlogPost(models.Model)：
    title = models.CharField(max_length=200)
    content = models.TextField()
    pub_date = models.DateTimeField('published date')

    def __str__(self)：
        return self.title

コード解説

  1. from django.db import models: Djangoのモデル機能をインポートします。
  2. class BlogPost(models.Model): ブログポストという新しいモデルクラスを作成します。
  3. title = models.CharField(max_length=200): 最大200文字の文字列フィールドを作成します。
  4. content = models.TextField(): 長いテキストを保存できるフィールドを作成します。
  5. pub_date = models.DateTimeField('published date')日付と時刻を保存するフィールドを作成します。
  6. def __str__(self)：: このモデルのオブジェクトを文字列で表現する際に使用する方法を定義します。

そうすると、データベースに「BlogPost」テーブルが生成されます、 Django ORMで簡単にデータを扱うことができます。
* Django ORM(Object-Relational Mapping)。は、Pythonオブジェクトとリレーショナルデータベースのテーブル間の変換を自動的に処理する技術です。主な特徴としては、データベースクエリをPythonメソッドに変換、SQLクエリを直接作成せずにデータ操作が可能、データベースに依存しないコード作成をサポート、モデルクラスを通じてデータベーススキーマを定義できることです。

Django Templates：魅せる魔法

Django Templates 렌더링 프로세스 이미지

TemplatesはHTMLファイルにPython変数を入れることができるDjangoの特別な機能です。 ブログポスト一覧を表示するテンプレートを作ってみましょう。

<h1>私のブログ</h1>
<ul>
{% in posts % for post %}
    <li>
        <h2>{{ post.title }}</h2>
        <p>{{ post.pub_date|date:"Y-m-d" }}</p>
    </li>
{% endfor %}
</ul>

コード解説

  1. <h1>私のブログ</h1>を表示します：ページタイトルを表示します。
  2. {% in posts % for post %}: Pythonのforループと同様に、'posts'リストの各項目に対して繰り返します。
  3. {{ post.title }}: 'post' オブジェクトの 'title' 属性の値を出力します。
  4. {{ post.pub_date|date:"Y-m-d" }}: 'pub_date' を 'Y-m-d' 形式で出力します。
  5. {% endfor %}: for ループの終わりを表します。

これにより、動的にブログポストリストを生成することができます。

Django Views: ロジックの中心

Django Views 프로세스 흐름도
( Django Viewsプロセスフロー )

ViewsはModelsからデータを取得してTemplatesに渡す中間橋の役割をします。 ブログポスト一覧を表示するviewを作ってみましょう。

from django.shortcuts import レンダリングをインポートする
from .models import BlogPost

def post_list(request)：
    posts = BlogPost.objects.order_by('-pub_date')[:5].
    return render(request, 'blog/post_list.html', {'posts': posts})

コード解説

  1. django.shortcuts from django.shortcuts import render: Djangoのrender関数を取得します。
  2. .models from .models import BlogPost: 我々が作ったBlogPostモデルをインポートします。
  3. def post_list(request)：: 'post_list'というview関数を定義します。
  4. posts = BlogPost.objects.order_by('-pub_date')[:5].: 最も最近の投稿5つを取得します。
  5. return render(request, 'blog/post_list.html', {'posts': posts}).phraseを指定します：テンプレート(post_list.html)にデータ(posts)を渡してレンダリングします。

このviewは最近5つのブログポストリストを取得してテンプレートに渡します。

Django Forms: 入力ウィザード

Django Forms 라이프사이클 이미지
( Django Formsのライフサイクル )

Formsはユーザー入力を簡単に処理できるDjangoの強力な機能です。 ブログポストを作成するフォームを作りましょう。

from django import forms
from .models import BlogPost

class BlogPostForm(forms.ModelForm)：
    class Meta：
        model = BlogPost
        fields = ['title', 'content']].

コード解説

  1. djangoインポートフォームから: Djangoのform機能を取り込みます。
  2. .models from .models import BlogPost: 私たちのBlogPostモデルをインポートします。
  3. class BlogPostForm(forms.ModelForm)：: ModelFormを継承する新しいフォームクラスを作成します。
  4. クラスのメタ：: このフォームのメタデータを定義します。
  5. model = BlogPost: このフォームがBlogPostモデルに基づいていることを指定します。
  6. fields = ['title', 'content']].:フォームに含めるフィールドを指定します。

こうして作ったフォームはviewで簡単に使用できます。

Django MTVを整理する

さて、このようにDjango MTVパターンの各要素を見てきました。 Modelsでデータを定義し、Templatesでデータを表示し、Viewsでロジックを処理し、Formsで入力を受け付けます。 このすべてが有機的に繋がって素敵なウェブアプリケーションを作るのです。

Django MTVパターンは最初は複雑に見えるかもしれませんが、一度理解すると、とてもパワフルで効率的なツールになります。皆さんもDjango MTVの基本を知ったので、実際にプロジェクトを作成してみるのはいかがでしょうか？ 実際にコードを書いて実行することで、より深く理解することができると思います。

PythonでDjangoのウェブサイトを作る：初心者向けガイド ポストレビューを通じて実際のホームページ構築のための作業を確認してみましょう！Djangoでウェブ開発を始めた皆さん、お疲れ様です！

類似の投稿