演習課題「共通テンプレートを利用する」
右の環境には、「myblog」プロジェクトに「diary」という1行掲示板が作成してあります。
この詳細ページのテンプレート(index.html)を、共通テンプレート(base.html)を利用するように修正してください。
採点して、すべてのジャッジに正解すれば、演習課題クリアです！
※ 採点時は、サーバーを起動し、問題文に関するページにアクセスできる状態にしてください。
＃02:テンプレートを共通化しよう
ここでは、Djangoで複数のテンプレートを利用する場合、その共通部分をまとめる方法について学習します。共通部分をまとめると、Webデザインの作成やメンテナンスを効率よく進めることができます。
myapp/bbs/templates/bbs/base.html<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>paiza bbs</title>
<style>body {padding: 80px;}</style>
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>
myapp/bbs/templates/bbs/index.html{% extends './base.html' %}
{% block content %}
<h1>paiza bbs</h1>
<p>{{ message }}</p>
{% for article in articles %}
<p>
{{ article.content }},{{ article.user_name }},
<a href='{% url "bbs:detail" article.id %}'>詳細</a>,
<a href='{% url "bbs:delete" article.id %}'>削除</a>
</p>
{% endfor %}
<p>
<a href='{% url "bbs:create" %}'>新規</a>
</p>
{% endblock %}
myapp/bbs/templates/bbs/detail.html{% extends './base.html' %}
{% block content %}
<h1>paiza bbs</h1>
<p>{{ message }}</p>
<p>{{ article.content }}, {{ article.user_name }}</p>
<p><a href='{% url "bbs:index" %}'>一覧</a></p>
{% endblock %}
- Django の概要 - テンプレートを設計する
https://docs.djangoproject.com/ja/2.1/intro/overview/#design-your-templates
- テンプレート | Django documentation | Django
https://docs.djangoproject.com/ja/2.1/topics/templates/