Django 관리자 사용자 지정 - 블랙 대시보드

안녕하세요 코더 여러분,

이 도움말에서는 Creative-Tim에서 제작한 무료 최신 UI 키트how to customize the default Django admin interface를 사용하여 Black Dashboard에 대해 설명합니다. 최종 패키지는 동일한 디자인을 사용하는 다른 Django StarterDjango Black Dashboard와 함께 Github(MIT 라이선스)에서 직접 다운로드할 수 있습니다.

Thanks for reading! - Content provided by App Generator.

✨Django Black Dashboard - 상품 페이지

✨ Django Admin Black - Github에 게시된 소스

✨ 장고 기본 관리자

"배터리 포함"프레임워크인 Django는 기본적으로 로그인, 등록, 비밀번호 변경, 오류 페이지(404, 500페이지), 페이지를 매기고 테이블을 관리하는 위젯과 같은 모든 최신 웹 애플리케이션에서 일반적으로 사용되는 풍부한 페이지 세트를 제공합니다. 관리 섹션에서 사용되는 리소스.

Django의 설치 디렉토리에 액세스하여 모든 기본 페이지를 시각화할 수 있습니다. Bellow는 Django에서 제공하는 몇 가지 기본 페이지와 구성 요소가 포함된 스냅샷입니다.

.../site-packages/django/contrib/admin/templates/
│
├── admin/
│   │
│   ├── auth/
│   │   └── user/
│   │       ├── add_form.html
│   │       └── change_password.html
│   │
│   ├── 404.html
│   ├── 500.html
│   ├── actions.html
│   ├── app_index.html
│   ├── base.html
│   ├── base_site.html
│   ├── index.html
│   ├── invalid_setup.html
│   ├── login.html
│   ├── pagination.html
│   ├── popup_response.html
│   └── submit_line.html
│
└── registration/
    ├── logged_out.html
    ├── password_change_done.html
    ├── password_change_form.html
    ├── password_reset_complete.html
    ├── password_reset_confirm.html
    ├── password_reset_done.html
    ├── password_reset_email.html
    └── password_reset_form.html

기본 페이지를 사용자 정의하려면 자체 템플릿 디렉토리를 생성하고 상위 디렉토리에서 동일한 이름과 위치를 사용하여 파일을 생성하고 Django에 이를 사용하도록 알립니다.

더 자세히 알아보기 위해 404 오류 페이지를 사용자 정의하고 이를 사용하도록 Django를 구성합니다. 갑시다!

✨ 404 페이지 사용자 정의

위에서 언급했듯이 첫 번째 단계는 템플릿 디렉토리를 만드는 것입니다.

# Django Root Project <-- you are here
mkdir -p templates/

2단계 - Django 설정 업데이트

새 템플릿을 사용하려면 프로젝트 설정 파일을 아래와 같이 업데이트해야 합니다.

# core/settings.py
# ...

TEMPLATES = [
    {
        "BACKEND": "django.template.backends.django.DjangoTemplates",

        # Add the templates directory to the DIR option:
        "DIRS": [os.path.join(BASE_DIR, "templates"), ], # <- New 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",
            ],
        },
    },
]

응용 프로그램에서 템플릿 파일을 요청하면 Django는 설정 파일에서 사용자가 정의한 디렉터리를 먼저 스캔하여 템플릿 파일을 확인하려고 시도합니다. 아무것도 발견되지 않으면 site-packages/django/contrib/admin/templates/ directory(기본 위치)에서 기본 버전이 사용됩니다.


3단계 - 404 페이지 맞춤설정

404 페이지의 사용자 정의 버전은 admin/templates/ 디렉토리에서 기본 버전을 복사하고 2단계에서 만든 디렉토리에 저장하여 쉽게 수행할 수 있습니다.

# Django Root Project <-- you are here
vi templates/404.html

<!-- templates/404.html --> 

{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}{% trans 'Page not found' %}{% endblock %}

{% block content %}

<!-- The updated line -->
<h2>{% trans 'Page not found' %} - SOMETHING Custom</h2>

<p>{% trans "We're sorry, but the requested page could not be found." %}</p>

{% endblock %}

파일을 저장하면 Django는 사용자가 애플리케이션과 상호 작용할 때 404 오류 사례가 발생할 때 이 파일을 사용합니다.

✨ 장고 어드민 블랙

이 무료 샘플은 터미널에 몇 가지 명령을 입력하고 나중에 새 인터페이스를 사용하도록 settings 파일을 업데이트하여 모든 Django 프로젝트에서 사용할 수 있습니다.


사용 방법

Django 프로젝트 내부의 디렉토리를 변경하십시오. 없는 경우 어머니 프로젝트로 Django Dashboard Black을 자유롭게 사용하십시오.

# YOU should be in the ROOT project
$ pip install git+https://github.com/app-generator/django-admin-black.git
$ # or
$ easy_install git+https://github.com/app-generator/django-admin-black.git

Django 프로젝트 settings.py 파일의 admin_black 설정에 INSTALLED_APPS 애플리케이션을 추가합니다('django.contrib.admin' 앞에 있어야 함).

    INSTALLED_APPS = (
        ...
        'admin_black.apps.AdminBlackConfig',
        'django.contrib.admin',
    )

데이터베이스 마이그레이션

$ python manage.py migrate admin_black
$ # or
$ python manage.py syncdb

브라우저 캐시를 지우고 애플리케이션을 시작한 다음 관리 모듈에 액세스하십시오. 새 UI가 실행 중이어야 합니다.

Django Black Admin - Dashboard Screen

Django Black Admin - Create User Screen

Django Black Admin - Edit User Permissions

감사합니다! 이 지점에 도달하기 위해. 다음 링크에 액세스하여 더 많은 리소스를 찾을 수 있습니다.

Django Black Dashboard - 무료 Django 제품

기타Django Dashboards - AppSeed 제공