Hello Coders,
В этой статье представляется короткое введение в Шаблон Django Система, современный и дизайнерский язык для Python, используемый для генерации динамических страниц Django Framework. Чтобы сделать эту статью более полезной, я представлю в конце кратковременного списка с открытым исходным кодом Шаблоны Django Доступно для скачивания прямо из GitHub. Для новичков Джанго Это Python Web Framework, построенная опытными разработчиками, которые поощряют быстрое развитие.
Спасибо за чтение! – Содержание, предоставленное Генератор приложений Отказ
- ✨ Шаблон Django Soft Ui – Bootstrap 5 дизайн
- ✨ Django Material Kit – Bootstrap 5 дизайн
- ✨ Django шаблон вольт – Страница продукта
- ✨ Шаблон Django Agon – Страница продукта
- ✨ Шаблон Django datta – Страница продукта
🔥 Новая панель инструментов Soft UI Dashboard
Администратор приборной панели в курсе Джанго Рамки. Предназначен для тех, кто любит смелые элементы и красивые сайты, Soft Ui Приборная панель готова помочь вам создать потрясающие веб-сайты и веб-приложения.
- 👉 Django Soft UI Dashboard – Страница продукта
- 👉 Django Soft UI Dashboard – Живое демо
🔥 Новый комплект пользовательского интерфейса – дизайн материала
Материальный комплект представляет собой бесплатный набор нагрузки 5 пользовательского интерфейса со свежим новым дизайном, вдохновленным дизайном материала Google. Материальный комплект использует свет, поверхность и движение. Он использует преднамеренный выбор цветов, кромки кромки образы и широкую типографику.
- 👉 Django Material Kit – Страница продукта
- 👉 Django Material Kit – Живое демо
✨ Что такое Джанго
Django Framework, созданные первоначально в 2003 году в качестве частного проекта Press Agency Agency, становится проектом с открытым исходным кодом в 2008 году, управляемое программным обеспечением Django.
Django – это веб-каркас высокого уровня Python, которая поощряет быстрое развитие и чистый, прагматичный дизайн. Построенные опытными разработчиками, оно заботится о большем количестве хлопот веб-разработки, поэтому вы можете сосредоточиться на написании вашего приложения, не требуя восстановления колеса.
Использование Django, разработчики могут создавать веб-сайты, API, микросервисы на вершине всех библиотек и пакетов, предоставляемых в экосистеме Python.
Для новичков структура поставляется с модулями и функциями, используемыми во многих проектах: аутентификация, интерфейсы базы данных, наш шаблон.
Будучи такими мощными рамочными рамками, Django предоставляет шаблон двигатель, используемый для облегчения рендеринга страниц в браузере, используя компоненты, впрыскивая динамический контент, расширяют шаблоны, фильтруют отображаемую информацию и многое другое.
Давайте возьмем по одному времени и раскрываем несколько основных функций, предоставляемых Шаблон Django двигатель.
✨ Конфигурация шаблонов Django
Шаблоны загружаются и обрабатываются Django из папки, указанной в settings.py Отказ
# settings.py Sample ... PROJECT_ROOT = os.path.abspath(os.path.dirname(__file__)) TEMPLATE_DIRS = (os.path.join(PROJECT_ROOT, 'core/templates') ... )
Отныне мы предположим, что файлы и шаблоны сохраняются в Основные/шаблоны каталог.
✨ Визуализация простого HTML
На данный момент Django знает, где искать шаблон, упомянутый в контроллере, и мы можем определить первый, супер простой шаблон.
Расположение файла/Имя: Core/Templates/index.html
index.html содержание
First Django Template
My template
some content here
Контроллер
from django.shortcuts import render # View for index page. def index(request): return render(request, 'index.html')
Если мы получим доступ к странице в браузере, мы заметим, что шаблон был принят во внимание по мнению.
✨ Использовать переменную в шаблоне
Предыдущий образец используют жесткодируемую информацию для Название страницы , Тег H1 и абзац контента. Мы можем с легкостью изменить это ограничение, используя переменную, которая может прийти из базы данных или от пользователя. Давайте обновим наш код, чтобы использовать переменную для заголовка страницы.
Расположение файла/Имя: Core/Templates/index.html
index.html содержание
{{ title }}
My template
some content here
Контроллер
from django.shortcuts import render
# View for index page.
def index(request):
title = "My new title"
return render(request, 'index.html', { "title": title ) } )
Визуализация () Метод ожидает, что словарь, где ключи являются переменными именами и значениями и. Значения, введенные в шаблоне. После представления шаблона Django шаблона наш HTML становится:
My new title
My template
some content here
✨ Дополнительные случаи использования
Шаблон Django System позволяет нам иметь более простое замену переменной в наших шаблонах: петли, настроить фильтры, условныеми.
👉 Условные заявления
Чтобы использовать условное утверждение в файле шаблона, мы должны использовать другой синтаксис по сравнению с использованием переменной:
- Переменные
{{ Переменная }} - Условия
{%, если все равно%}
Давайте посмотрим на реальный образец:
{ % if years <10 % }
Child ...
{ % elif years < 18 % }
Teenager ...
{ % else % }
Adult ...
{ % endif % }
Контроллер
from django.shortcuts import render
# View for index page.
def index(request):
years = 15
return render(request, 'index.html', { "years": years) } )
Оформленная версия Django показана ниже:
< span >
Teenager ...
👉 петли в шаблоне
Структура позволяет читать или итерацию через элементы словаря данных. В контроллере мы отправили список с номерами. Чтобы увидеть числа на оказанной странице, мы будем использовать для структура.
-
{% for number in my_array %}
- {{ number }} {% endfor %}
Контроллер
from django.shortcuts import render
# View for index page.
def index(request):
my_array = [1,2 3]
return render(request, 'index.html', { "my_array": my_array) } )
Оформленная версия Django показана ниже:
< ul >
< li > 1
< li > 2
< li > 3
✨ Расширение шаблонов
Эта функция позволяет нам простираться или повторно используйте шаблон главной страницы, впрыскивая на определенное содержание текущего контекста.
Простой и интуитивно понятный корпус использования может быть домашней страницей и контактной страницей, где нижний колонтитул и высшие меню идентичны, и только основное содержание отличается. Давайте разработаем шаблон и образец страниц, чтобы объяснить концепцию:
Определите главный шаблон под названием base.html.
Родитель HTML – сохранена как base.html.
My {% block title %}{% endblock %}
This is from the base template
{ block content }{ endblock }
Определите Главная страница
Детский шаблон – сохранена как home.html.
{ extends "base.html" }
{ block title } Homepage { endblock }
{ block content }
Home page content
{ endblock }
Когда Django загружает home.html , {продлен} Блок информирует двигатель, чтобы объединить base.html Шаблон с контентом, предоставленным home.html Отказ
{блок названия}становится Главная страница{Block Content}становится Домашняя страница Содержание
Генерируется HTML
Homepage
This is from the base template
Home page content
Эта функция называется Шаблон наследования Помогает нам выиграть время, повторное использование компонентов и динамически построить в грузоподъемности.
Двигатель шаблона Django предлагает гораздо больше, чем это. Я упомяну только несколько функций ниже. Полная информация можно найти в официальной документации: Система шаблона Django
- Шаблон – определение и образцы
- Переменные – как их использовать в глубоком
- Фильтры
- Комментарии – Объясните синтаксис комментариев в шаблонах
- Наследование шаблона
Чтобы применить теорию, мы можем играть с несколькими бесплатными образцами, опубликованными на GitHub под лицензией MIT.
✨ шаблон Django вольт
Volt – бесплатный и открытый источник Bootstrap 5 Powered Admin Dashboard с компонентами, страницами и плагинами, которые вы можете использовать для создания потрясающего интерфейса администратора. Он также поставляется с Pro версии с большим количеством страниц, плагинов и компонентов.
- 👉 Django Volt Bootstrap 5 – Страница продукта
- 👉 Django Volt Bootstrap 5 – Живое демо
✨ Шаблон Django Datta
Приборная панель администратора, кодированная в рамках Django на вершине Datta Seip, современный шаблон приборной панели Bootstrap 4. Кодовая база Django снабжена аутентификацией, базой данных, ORM и сценариями развертывания.
- 👉 Django Datta Способен – Страница продукта
- 👉 Django datta. В состоянии – Живое демо
✨ Шаблон Джанго Атлантида
ATLANTIS LITE – это бесплатная загрузочная панель нагрузки 4 администратора, которая красиво и элегантно предназначена для отображения различных метрик, номеров или визуализации данных. Эта приборная панель администратора с открытым исходным кодом имеет 2 макета, множество плагинов и компонентов пользовательского интерфейса.
- 👉 Django Atlantis Dark – Страница продукта
- 👉 Django Atlantis Dark – Живое демо
✨ Ресурсы и ссылки
- 👉 Джанго – Официальный сайт
- 👉 больше Django Dishboards и начала
Спасибо! Кстати, мое (Nick) имя SM0KE И я довольно активна и на Twitter Отказ
Оригинал: “https://dev.to/sm0ke/django-templates-short-introduction-and-free-samples-2878”