Модели и создание шаблонов

6.2 Модели и создание шаблонов

2 из 2 шагов пройдено

Затем перейдём в директорию templates и создадим три шаблона.

Основной шаблон страницы templates\base.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{% block title %}Books{% endblock title %}</title>
</head>

<body>

<div>
    <div>
        <div>
            <!-- Таблица книг -->

            <table>
                <thead>
                <tr>
                    <!-- Заголовки столбцов таблицы -->

                    <!-- Заголовок номера книги -->
                    <th scope="col" style="width: 10%">
                        <small>
                            Num.
                        </small>
                    </th>

                    <!-- Заголовок названия книги -->
                    <th scope="col" style="width: 26%">
                        <small>
                            Title
                        </small>
                    </th>

                    <!-- Заголовок автора книги -->
                    <th scope="col" style="width: 26%">
                        <small>
                            Author
                        </small>
                    </th>

                    <!-- Заголовок цены книги -->
                    <th scope="col" style="width: 11%">
                        <small>
                            Price ($)
                        </small>
                    </th>

                    <!-- Заголовок статуса книги -->
                    <th scope="col" style="width: 11%">
                        <small>
                            Status
                        </small>
                    </th>

                    <!-- Заголовок кнопок действия -->
                    <th scope="col" style="width: 16%">
                        <small>
                            Actions
                        </small>
                    </th>

                </tr>
                </thead>

                <!-- Список книг -->
                <tbody id="book-list">
                {% include "partial_book_list.html" %}
                </tbody>

            </table>
        </div>
    </div>
</div>

</body>
</html>

Шаблон строки таблицы, с детальной информацией о книге templates\partial_book_detail.html:

<tr>
    <!-- Ячейка номера книги -->
    <td>
        {{ book.id }}
    </td>

    <!-- Ячейка названия книги -->
    <td>
        {{ book.title }}
    </td>

    <!-- Ячейка автора книги -->
    <td>
        {{ book.author }}
    </td>

    <!-- Ячейка цены книги -->
    <td>
        {{ book.price }}
    </td>

    <!-- Ячейка состояния -->
    <td>
        {% if not book.read %}
            <!-- Кнопка "Unread" -->
            <button class="disbtn">
                Unread
            </button>
        {% else %}
            <!-- Кнопка "Read" -->
            <button class="disbtn">
                Read
            </button>
        {% endif %}
    </td>

    <!--  Ячейка кнопок действия -->
    <td>
        <!-- Кнопка "Edit" -->
        <button class="disbtn">
            Edit
        </button>

        <!-- Кнопка "Delete" -->
        <button class="disbtn">
            Delete
        </button>
    </td>
</tr>

И шаблон для вывода всех строк таблицы templates\partial_book_list.html:

{% for book in book_list %}
    {% include "partial_book_detail.html" %}
{% endfor %}

Будьте вежливы и соблюдайте наши принципы сообщества. Пожалуйста, не оставляйте решения и подсказки в комментариях, для этого есть отдельный форум.

Нет обсуждений. Начните первое.