Home

トップページの作成

トップページを作成しましょう。トップページのテンプレートとしてrecsys_django/online/templates/ディレクトリにindex.htmlを作成し、下記のコードを記述してください。

リスト1: recsys_django/online/templates/index.html

{% extends 'base.html' %}
{% load static %}
{% block title %}sushi recommender | recsys-django{% endblock %}

{% block contents %}

    <div class="col-md-12 text-center">
        recsys-djangoへようこそ！
    </div>

    {# --- js --- #}

{% endblock %}

index.htmlはシンプルな内容になりました。このページの大部分はbase.htmlで作成したためです。base.htmlには、{% block contents %}{% endblock %}というコードがありました。この部分に、継承先のテンプレート独自の処理が入ることになります。index.htmlには、この部分のコードのみを記述すれば良いということになります。まず、base.htmlを継承するために、{% extends 'base.html' %}というコードを1行目に入れておきます。そして、{% block contents %}と{% endblock %}の間に独自のコードを記述します。同様に、{% block title %}と{% endblock %}の間に記述した内容はページのタイトルとして表示されます。