Django Dashboard Black - 소스 템플릿 코드

안녕하십니까, 프로그래머 여러분,
본고는 AppSeed에서 생성된 간단한 개원 Django Dashboard을 소개한다. 검은색 계기판 UI(무료 버전)에 인증, 데이터베이스, 기본 모듈과 배치 스크립트가 있다.초보자에게 Black Dashboard는 예쁜 Bootstrap 4 관리 계기판으로 대량의 구성 요소가 있어 조립할 수 있어 보기 좋다.그것은 보기 쉬운 색깔, 넓은 카드, 예쁜 조판과 도형을 결합시켰다.

Thanks for reading! - Content provided by App Generator.

Django Dashboard Black- 제품 페이지

Django Dashboard Black Demo- 실시간 배포

더 많은 Django Dashboards AppSeed

에서 제공

장고가 뭐예요?

초보자 주의: Django는 Python programming language으로 작성된 웹 응용 프로그램 프레임워크입니다.프레임워크는 논리적으로 그룹화된 모듈의 집합을 가리키며, 처음부터 작성하지 않고 내용을 다시 사용해서 웹 응용 프로그램을 만들 수 있도록 합니다.
유용한 Django 리소스:

공식 사이트 및 Django

docs - 전체 스택 Python 플랫폼

에서 제공하는 관련 내용

회사 명 코드 구조

이 웹 응용 프로그램은 기능별로 세 개의 주요 모듈을 가지고 있다.

은 정적 자산 처리와 전역 구성

에 사용되는 응용 프로그램의 주력이다

core module- 로그인 관리 및 사용자 등록

authentication module- 사용자가 인증을 거친 경우 응용 프로그램 페이지를 불러옵니다. 그렇지 않으면 로그인 페이지로 리디렉션을 요청합니다.

모든 모듈의 관련 파일은 이 간단한 ASCII 차트에 나열됩니다.

< PROJECT ROOT >
   |
   |-- core/                               # Implements app logic and serve the static assets
   |    |-- settings.py                    # Django app bootstrapper
   |    |-- wsgi.py                        # Start the app in production
   |    |-- urls.py                        # Define URLs served by all apps/nodes
   |    |
   |    |-- static/
   |    |    |-- <css, JS, images>         # CSS files, Javascripts files
   |    |
   |    |-- templates/                     # Templates used to render pages
   |         |
   |         |-- includes/                 # HTML chunks and components
   |         |    |-- navigation.html      # Top menu component
   |         |    |-- sidebar.html         # Sidebar component
   |         |    |-- footer.html          # App Footer
   |         |    |-- scripts.html         # Scripts common to all pages
   |         |
   |         |-- layouts/                  # Master pages
   |         |    |-- base-fullscreen.html # Used by Authentication 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 (login and register)
   |    |
   |    |-- urls.py                        # Define authentication routes  
   |    |-- views.py                       # Handles login and registration  
   |    |-- forms.py                       # Define auth forms  
   |
   |-- app/                                # A simple app that serve HTML files
   |    |
   |    |-- views.py                       # Serve HTML pages for authenticated users
   |    |-- urls.py                        # Define some super simple routes  
   |
   |-- requirements.txt                    # Development modules - SQLite storage
   |
   |-- .env                                # Inject Configuration via Environment
   |-- manage.py                           # Start the app - Django default start script
   |
   |-- ************************************************************************

어플리케이션 모듈 환경

이 프로그램을 사용하기 전에 워크스테이션에 을 설치해야 합니다.설치를 테스트하려면 끝을 열고 다음을 입력합니다.

PS C:\wamp64\www> python --version
Python 3.7.2 <--- All good

구렁이 애플리케이션 구축

앞에서 설명한 바와 같이 이 응용 프로그램은 Github 플랫폼에 발표되었고, 소스 코드는 이 응용 프로그램을 구축하는 데 필요한 모든 설명을 포함하는 전면적인 파일을 첨부했다.

Clone the app sources (via GIT)

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black

Install the dependencies

이 모듈들은 전역 의존항(추천하지 않음)으로 설치할 수도 있고, 격리 환경에서 코드를 실행하는 Virtualenv로 설치할 수도 있다.

$ virtualenv env
$ source env/bin/activate
$ pip3 install -r requirements.txt

모듈을 설치한 후 다음 단계는 데이터베이스를 설정하는 것이다.이 응용 프로그램은 Django 단순 응용 프로그램의 기본 옵션인 SQLite 데이터베이스와 함께 제공됩니다.

$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate

makemigrations 하위 명령은 필요한 SQL 코드를 생성하고 migrate은 데이터베이스와 테이블을 생성합니다.이 프로그램은 사용자 등록과 로그인을 위한 단일 테이블을 사용합니다.만약 모든 것이 순조롭다면, 지금 우리는 응용 프로그램을 시작할 수 있을 것이다.

Start the web app

$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port 
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

브라우저에서 응용 프로그램에 액세스하면 로그인 화면이 표시됩니다.
README
현재 데이터베이스에는 사용자가 없지만 등록 페이지를 사용하여 사용자를 쉽게 만들 수 있습니다.

등록 과정에서 백엔드 서버에서 기본 검사 (사용자가 이미 존재하고 암호가 약하다) 를 실행하고 모든 것이 순조롭다면 사용자를 만들고 요청을 로그인 페이지로 다시 지정합니다.
인증 후 웹 응용 프로그램은 모든 메뉴를 표시하고 사용자 정보(id, 전자메일, 사용자 이름)가 페이지에 주입됩니다.
user profile
사용자 정보는 모든 보기에서 요청의 글로벌 객체로 사용할 수 있습니다.

        <form>
         ...

          <div class="row">
            <div class="col-md-5 pr-md-1">
              <div class="form-group">
                <label>UserID (disabled)</label>
                <input type="text" class="form-control" disabled="" value="{{ request.user.id }}">
              </div>
            </div>
          </div>

          ...

Django - 무료 어플리케이션 추가

무료 웹 응용 프로그램과 템플릿 코드를 더 많이 얻으려면 언제든지 방문하십시오.

무료 인터넷 응용, Argon design

개원 관리 패널, 재료 디자인

UI ready 무료 어플리케이션, NowUI 디자인

-경질 재료 디자인이 있는 무료 관리 패널

Thanks for reading and let me know your thoughts in the comments!