Hello Coders,
В этой статье представлен курируемый список с Django Dishboards и шаблоны, закодированные основными модулями, базой данных, аутентификацией и сценариями развертывания, которые могут помочь новичкам начать быстрый новый проект. Все начала активно поддерживаются и версии Appseed, платформой, которая использует инструменты автоматизации для создания простых проектов. Для новичков Джанго Самая популярная веб-каркас на основе Python, первоначально выпущенная в 2003 году. Концепция «аккумуляторы» и встроенный узор безопасности, предоставленные экспертами, делают Джанго Эталонная структура в современном веб-разработке.
Спасибо за прочтение! – Содержание, предоставленное Генератор приложений Отказ
- ✨ (бесплатно) Датта Способ для Django – Страница продукта
- ✨ (бесплатно) Django Volt Bootstrap 5 – Страница продукта
- ✨ (бесплатно) Django Atlantis Dark – Страница продукта
- ✨ (бесплатно) Django Material Dashboard – Страница продукта
- ✨ (бесплатно) Django Soft UI Dashboard – Страница продукта
✨ Django Volt Bootstrap 5
Volt – бесплатный и открытый источник Bootstrap 5 Powered Admin Dashboard с компонентами, страницами и плагинами, которые вы можете использовать для создания потрясающего интерфейса администратора. Он также поставляется с Pro версии с большим количеством страниц, плагинов и компонентов.
- Django Volt Dashboard – Страница продукта
- Django Volt Dashboard – Живое демо
✨ datta Способен django
Легкий пользовательский интернет-пользовательский интерфейс в Django, используя простую кодовую базу и основные функции: аутентификация на основе сеанса, ORM, в комплекте с помощью сценариев развертывания для Docker и Heroku. Датта Способствует Бесплатная приборная панель – это самый стилизованный шаблон администратора Bootstrap 4 Lite, вокруг всех других линейных/бесплатных шаблонов администратора на рынке. Он поставляется с высокими богатыми функциями и компонентами с полностью разработчиком, ориентированным на код.
- Датта Способ для Django – Страница продукта
- Датта Способ для Django – Живое демо
✨ Django Atlantis Dark
Современная темно-тематическая приборная панель закодирована в Джангу. Код доступен на GitHub – для получения дополнительной информации, пожалуйста, получите доступ к странице продукта. Atlantis Lite Dark – это бесплатная загрузочная панель для приборной панели администратора, которая красиво и элегантно предназначена для отображения различных метрик, цифр или визуализации данных.
- Django Atlantis Lite – Страница продукта
- Django Atlantis Lite – Живое демо
✨ Django Aghon панель инструментов
Дизайн аргона, созданный креативным тимом, закодированным в Джангу. Стартер использует идентичную кодовую базу, поскольку предыдущие проекты и поддержка предоставляются через GitHub и DiscoD.
Приборная панель аргона построена с более чем 100 отдельными компонентами, предоставляя вам свободу выбора и объединения. Все компоненты могут принимать изменения в цвете, что вы можете легко изменить с помощью файлов SASS, и он является открытым исходным кодом, а также бесплатно.
- Django Aghon Dashboard – Страница продукта
- Django Aghon Dashboard – Живое демо
✨ Фасонирующая панель Django
Начните свое развитие с красивым шаблоном администратора материала для Django. Материальная приборная панель использует свет, поверхность и движение. Общая макет напоминает листы бумаги после нескольких различных слоев, так что глубина и порядок очевидны. Навигация остается в основном на левой боковой панели, а содержание находится справа внутри главной панели.
- Django Material Dashboard – Страница продукта
- Django Material Dashboard – Живое демо
✨ Django Black Dashboard
Дизайн черной панели инструментов Теперь доступен в виде шаблона Django с открытым исходным кодом, расширенный с помощью базы данных SQLite, нативной ORM, аутентификации на основе сеансов и сценариями развертывания.
Black Dashboard – это красивый загрузчик 4 администратора приборной панели с огромным количеством компонентов, созданных, чтобы соответствовать и выглядеть потрясающе. Он сочетает в себе цвета, которые легко на глазах, просторных открытках, красивой типографии и графике.
- Django Black Dashboard – Страница продукта
- Django Black Dashboard – Живое демо
✨ Django Soft UI Dashboard
Администратор приборной панели в курсе Джанго Фреймворк. Предназначен для тех, кто любит смелые элементы и красивые сайты, Soft Ui Приборная панель готова помочь вам создать потрясающие веб-сайты и WebApps. Soft Ui Приборная панель построена с более чем 70 индивидуальными элементами, как кнопки, входы, навкары, Navtabs, карты или оповещения, предоставляя вам свободу выбора и объединения.
- Django Soft Dashboard – Страница продукта
- Django Soft Dashboard – Живое демо
Общие черты:
- Современные пользовательские комплекты активно поддерживаются известными поставщиками
- UI-Ready, SQLite Database, Django Native Orm
- Модульная конструкция, чистая кодовая база
- Аутентификация на основе сеанса, валидация форм
- Сценарии развертывания: Docker, Gunicorn/Nginx
- Бесплатная поддержка через Github и Раздор Отказ
Что такое Django (веб-каркас)
Django – это веб-каркас на высоком уровне Python, построенный опытными разработчиками, которые обеспечивают быстрое развитие безопасных и ремонструйных веб-сайтов. Проект активно поддерживается и версится впечатляющим сообществом с открытым исходным кодом.
Зачем использовать Django
Зрелые рамки
С первым выпуском в сентябре 2008 года Django постоянно улучшился. Django следует за «аккумуляторами включенными» философией и обеспечивает практически все разработчики, которые могут захотеть сделать «из коробки». Потому что все, что вам нужно, является частью одного «продукта», все работает без проблем вместе, следует последовательным принципам дизайна и имеет обширную и актуальную документация .
Универсальный
Django предоставляет выбор практически любых функций, которые вам могут понадобиться в вашем проекте (например, несколько популярных баз данных, двигателей шаблонов и т. Д.), Это также может быть расширено, чтобы использовать другие компоненты, если это необходимо.
Безопасность
Супер-важный аспект любого проекта приятно покрывается Django, предоставляя встроенную защиту для многих угроз безопасности. Django предоставляет безопасный способ управлять учетными записями и паролями пользователей, избегая распространенных ошибок, таких как введенная информация о сеансе в куки, где она уязвима (вместо файлов cookie, просто содержит ключ, а фактические данные хранятся в базе данных) или непосредственно хранения паролей, а не пароль хеш.
Полезно Ресурсы Django :
- Джанго – Официальный сайт и документы
- Reddit/r/django – супер активное сообщество Reddit
- Джанго – связанный контент, предоставляемый (популярный) Pull-Stack-Python Platform
Код котельной
Как уже упоминалось ранее, веб-приложения генерируются с использованием инструментов автоматизации, а кодовая база подчеркивания идентична. Если вы найдете ошибку где-то в коде, есть большие шансы найти похожую один в другом проекте, из того же пучка. Ну, любой процесс автоматизации имеет некоторые недостатки, и это неисправность между проектами является одним из них.
Структура
Django Projects, по умолчанию, являются модульными и довольно простыми для понимания и обновления. Наша кодовая база разделена на три модуля:
- Core – используется для обработки статических активов и глобальной конфигурации
- Аутентификация – Управляйте логином и пользователями Регистрация
- Приложение – управлять всеми другими действиями: подавать страницы приложений, когда пользователи будут аутентифицированы и перенаправить на страницу входа в систему.
С этого момента я буду ссылаться на реальный проект, чтобы облегчить всю презентацию: Django Dashboard Black Отказ Соответствующие файлы перечислены в этой простой диаграмме
$ # Source code: $ # https://github.com/app-generator/django-dashboard-black $ < PROJECT ROOT > | |-- core/ | |-- settings.py | |-- wsgi.py | |-- urls.py | | | |-- static/ | | |--| | | |-- templates/ | | | |-- includes/ # HTML chunks and | | |-- navigation.html # Top menu component | | |-- sidebar.html # Sidebar component | | |-- footer.html # App Footer | | |-- scripts.html # Common JS Scripts | | | |-- layouts/ # Master pages | | |-- base-fullscreen.html # Used by Auth pages | | |-- base.html # Used by common pages | | | |-- accounts/ # Authentication pages | | |-- login.html # Login page | | |-- register.html # Register page | | | index.html # The default page | page-404.html # Error 404 page | page-500.html # Error 404 page | *.html # All other HTML pages | |-- authentication/ # Handles auth routes | | | |-- urls.py # Define auth routes | |-- forms.py # Define auth forms | |-- views.py | |-- app/ | | | |-- views.py # Serve HTML pages | |-- urls.py | |-- requirements.txt # Required Modules | |-- .env # Environment Config |-- manage.py # Start the app | |-- *************************************
Чтобы схватить источники из GitHub, нам нужно открыть терминал и тип:
$ # Get the code $ git clone https://github.com/app-generator/django-dashboard-black.git $ cd django-dashboard-black
Как это работает
Перед использованием приложения Django нам необходимо установить зависимости проекта, обычно перечисленные в файле под названием требования .txt
Отказ Мы можем установить зависимости в глобальной среде Python (не рекомендуется) или с использованием песочкой среды, называемой Виртуальский Отказ Необходимые команды для установки модулей, требуемых нашим веб-приложением:
$ # make sure you are in the project directory: $ # django-dashboard-black $ $ # Virtualenv modules installation (Unix based systems) $ virtualenv --no-site-packages env $ source env/bin/activate $ $ # Install modules $ pip3 install -r requirements.txt
Приложения Django Bootstrapped по Manage.py Файл, обычно сохраненный в корне проекта, который проверяет, доступен ли модуль Django, и повторная нагрузка под названием Helper execute_from_command_line
. Чтобы открыть базовый набор подковых команд, полезных для управления приложением:
$ $ # Makemigrations sub-command generates the SQL code to mutate $ # the database schema $ python manage.py makemigrations $ $ # Migrate sub-command apply the database changes (if any) $ python manage.py migrate $ $ # Runserver sub-command start the app on default port <8000> $ python manage.py runserver $ $ # Start the app - custom port $ # python manage.py runserver 0.0.0.0:$ $ # Access the web app in browser: http://127.0.0.1:8000/
На данный момент, если приложение правильно настроено и закодировано, должно быть видно в браузере.
Конфигурация приложения
Manage.py Файл имеет волшебную линию, которая вводит в приложение желаемую конфигурацию:
$ # The magic line os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
Эта линия информирует Framework Django для загрузки конфигурации с этого пути: Project_root / основной / settings.py Наиболее соответствующие строки в файлах конфигурации являются:
# Contents of core / settings.py .... # The section that enables the APP module INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', ... 'app' # Enable the inner app ] ... # Defines global app routing ROOT_URLCONF = 'core.urls' # Specifiy the ROOT dir HTML templates TEMPLATE_DIR = os.path.join(BASE_DIR, "core/templates") # Specify the ROOT for static assets STATICFILES_DIRS = ( os.path.join(BASE_DIR, "core/static"), ) # Specify the database driver DATABASES = { 'default': { 'ENGINE': 'django.db.backends.sqlite3', 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'), } }
Приложение маршрутизация
Django обрабатывает маршрутизацию с помощью правила каскада по регулярным выражениям, определенным в URLS.PY
файл. Когда запрос попадает в сервер, Django пытается соответствовать запросу, анализируя определенные правила, начиная с вершины. В нашем случае файл настроек указывает на каркас для загрузки правил маршрутизации из Core/Urls.py :
urlpatterns = [ path('admin/', admin.site.urls), path("", include("authentication.urls")), # add this path("", include("app.urls")) # add this ]
Порядок сопоставления начнется с модулей администратора (определяется Framework Django), позже, правилам аутентификации и правила маршрутизации модуля приложений в конце.
Правила аутентификации определены в Аутентификация/URLS.PY. :
... urlpatterns = [ path('login/', login_view, name="login"), path('register/', register_user, name="register"), path("logout/", LogoutView.as_view(), name="logout") ] ...
Маршрутизация модуля приложения Правила определены в приложение/URLS.PY.
urlpatterns = [ # Matches any html file re_path(r'^.*\.html', views.pages, name='pages'), # The home page path('', views.index, name='home'), ]
Маршрутизация в Джангу может быть запутана для начинающих (для меня это было сначала использовать), но позже, добавив новый маршрут в приложении было легкой задачей.
Шаблон
Страницы оказываются классическими способом, используемым многими системами шаблонов (Jinja, Blade, усов) с использованием композиции основного макета, объединенного с частичными форматами HTML, введенные с динамическими данными (имя/электронное письмо о аутентифицированном пользователю и т. Д.).
Как упоминалось в разделе конфигурации, Django Знает
Где искать HTML частичные и страницы, чтение Шаблоны
Раздел из Настройки файл:
... # ROOT dir for templates TEMPLATE_DIR = os.path.join(BASE_DIR, "core/templates") TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [TEMPLATE_DIR], <----- The magic line 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ] ...
Образец структуры страницы
Давайте посмотрим на главную страницу приборной панели, определенную в index.html файл:
{% extends "layouts/base.html" %} {% block title %} Dashboard {% endblock %} {% block stylesheets %}{% endblock stylesheets %} {% block content %}...{% endblock content %} {% block javascripts %} {% endblock javascripts %}
Файл расширяться
Мастер макет определен в Макеты/base.html , общая структура унаследована, и страница определяет только конкретные частичные части:
- Заголовок страницы
- Основной контент страницы
- Конкретный код JavaScript, используемый для анимирования диаграмм приборной панели.
Последний продукт
Давайте начнем приложение и увидеть что-то хорошее на экране. Белповые инструкции извлечены из Readme файл
$ # Get the code $ git clone https://github.com/app-generator/django-dashboard-black.git $ cd django-dashboard-black $ $ # Virtualenv modules installation (Unix based systems) $ virtualenv --no-site-packages env $ source env/bin/activate $ $ # Install modules $ pip3 install -r requirements.txt $ $ # Create tables $ python manage.py makemigrations $ python manage.py migrate $ $ # Start the application (development mode) $ python manage.py runserver # default port 8000 $ $ # Access the web app in the browser: http://127.0.0.1:8000/
Если все пойдет хорошо, Черная приборная панель должен быть виден в браузере:
Экраны приложений
Ссылки и ресурсы
- Больше Django Dishboards – Курированный индекс
- Больше Шаблоны Django Предоставляется Themesberg
Спасибо! Кстати, мое (Nick) имя SM0KE И я довольно активна и на Twitter Отказ
Оригинал: “https://dev.to/sm0ke/django-dashboard-learn-by-coding-437l”