[django] 중복되는 html을 한 곳에 모아놓는 : base.html

1. models.py가 속해 있는 프로젝트 안에 templates폴더를 만든다. 

2. base.html도 생성한다.

3. app안의 템플릿 안에 중복이 되는 코드를 복사 붙여넣기한다.

<div class="container">
{% block content %}
{% endblock %}
</div>

저 block 사이에 페이지마다 변경된 내용이 들어가면 된다.

 

4. 다시 각 앱안의 html파일 안에 

{% extends 'base.html' %}

{% block content %}

    {% for blog in blogs.all %}
    <br>
    <div class="container">
        <a href="{% url 'detail' blog.id %}">
            <h1>{{ blog.title }}</h1>
        </a>
        <p>{{ blog.pub_date_pretty }}</p>
        <p>{{ blog.summary }}<a href="{% url 'detail' blog.id %}">.... more</a> </p>
    </div>
    {% endfor %}

{% endblock %}

{% extends 'base.html' %} {% endblock %}을 넣어준다. 아까 base.html안에 만든 코드 안에 이 block이 들어가게된다.

 

5. settings.py안에 template안의 기본템플릿을 써준다.