НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

Django Підручник

Django Головна Django Інтро Django Почати навчання Створення віртуального середовища Встановити Django Django Створити проєкт Django Створити додаток Django Представлення Django URL Django Шаблони Django Моделі Django Вставити дані Django Оновити дані Django Видалити дані Django Оновити модель

Відображення даних

Підготовка шаблону і представлення Додати посилання на деталі Додати головний шаблон Додати головну Index сторінку Django 404 Шаблон Додати Test перегляд

Адмін

Django Адмін Створити користувача Включити моделі Відображення списку установок Оновити учасників Додати учасників Видалити учасників

Django Синтаксис

Django Змінні Django Теги Django If Else Django Цикл For Django Коментар Django Include

QuerySets

QuerySet Інтро QuerySet Get QuerySet Фільтр QuerySet Order By

Статичні файли

Додати статичні файли Встановити WhiteNoise Зібрати статичні файли Додати глобальні статичні файли Додати стилі до проєкту

PostgreSQL

PostgreSQL Інтро Створити обліковий запис AWS Створити бази даних у RDS Підключитися до бази даних Додати учасників

Розгортання Django

Elastic Beanstalk (EB) Створити requirements.txt Створити django.config Створити .zip файл Розгорнути із EB Оновити проєкт

Більше Django

Додати Slug Field Додати Bootstrap 5

Django Довідники

Довідник тегів шаблону Довідник фільтра Довідник Пошуку полів

Django Вправи

Django Компілятор Django Вправи Django Вікторина Django Сервер Django Сертифікат

Django. Уроки для початківців

En Es De

Django Підготовка шаблону


Створити шаблон

Після створення моделей із потрібними полями та даними настав час відобразити дані на вебсторінці.

Почніть зі створення файлу HTML під назвою all_members.html і розмістіть його в папці /templates/:

my_tennis_club/members/templates/all_members.html:

<!DOCTYPE html>
<html>
<body>

<h1>Members</h1>

<ul>
  {% for x in mymembers %}
    <li>{{ x.firstname }} {{ x.lastname }}</li>
  {% endfor %}
</ul>

</body>
</html>

Чи бачите ви дужки {% %} усередині документа HTML?

Це теги Django, які вказують Django виконати деяку логіку програмування в цих дужках.

Ви дізнаєтеся більше про теги Django в розділі Теги Django.


Змінити вигляд

Далі нам потрібно зробити дані моделі доступними в шаблоні. Це робиться в представленні.

У представленні ми маємо імпортувати модель Member і надіслати її до шаблону, як тут:

my_tennis_club/members/views.py:

from django.http import HttpResponse
from django.template import loader
from .models import Member

def members(request):
  mymembers = Member.objects.all().values()
  template = loader.get_template('all_members.html')
  context = {
    'mymembers': mymembers,
  }
  return HttpResponse(template.render(context, request))
Виконати приклад »

Представлення members (учасників) робить наступне:

  • Створює об’єкт mymembers з усіма значеннями моделі Member.
  • Завантажує шаблон all_members.html.
  • Створює об’єкт, що містить об’єкт mymembers.
  • Надсилає об’єкт до шаблону.
  • Виводить HTML, який відображається шаблоном.

Результат

Ми створили приклад, щоб ви могли побачити результат:

Виконати приклад »

Якщо ви виконали всі кроки на своєму комп’ютері, ви можете побачити результат у своєму веббраузері:

Запустіть сервер, перейшовши до папки /my_tennis_club/ і виконайте цю команду:

py manage.py runserver

У вікні браузера введіть 127.0.0.1:8000/members/ в адресному рядку.



Коментарі