Django Dashboard – Отверенный список с бесплатными проектами

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”