djangoのテンプレートの作成とヘッダー・フッターの共通化

• Django のテンプレート（templates フォルダ）作成と共通化方法
• 基本: アプリディレクトリ直下に templates/ を作成 → index.html 等を配置
• 共通化は {% extends %} + {% block %} でレイアウト継承
• ヘッダ/フッタを共通化することで保守性が大きく上がる

{% if item_list %}

    {% for item in item_list %}

       

• {{ item }}

    {% endfor %}

   

{% else %}

No item.

{% endif %}

from django.shortcuts import render

def index(request):

    item_list = ['a', 'b', 'c']

    template = loader.get_template('index.html')

    context = {

        'item_list': item_list,

    }

    return render(request, 'index.html', context)

<!DOCTYPE html>

<html lang="ja">

        <head>

                <meta charset="UTF-8">

                <title>{% block title %}{% endblock title %}</title>

        </head>

        <body>

                {% block content %}

                {% endblock %}

        </body>

</html>

{% extends "base.html" %}

{% block title %}ページタイトル{% endblock title %}

{% block content %}

    <form method="post">

        {% csrf_token %}

        ...

    </form>

{% endblock %}

<head>

        {% include "headtag.html" %}

        <title>{% block title %}{% endblock title %}</title>

</head>

{% load static %}

<meta charset="UTF-8">

<link href="{% static 'css/app.css' %}" rel="stylesheet">

<script type="text/javascript" src="{% static 'js/jquery-3.2.1.min.js' %}"></script>