flask black dashboard pro

플라스크 블랙 PRO

최신 Bootstrap 4 대시보드 템플릿인 Black Dashboard PRO 위에 Flask 의 AppSeed 플랫폼으로 생성된 관리 대시보드입니다. Flask 코드베이스에는 인증, 데이터베이스, ORM 및 배포 스크립트가 함께 제공됩니다.

• Flask Black PRO - 제품 페이지
• Flask Black PRO - 실시간 배포
• Flask Black PRO - 제품 문서

특징

• ✅ Up-to-date dependencies
• ✅ Gulp를 통한 SCSS compilation
• ✅ DBMS : SQLite, PostgreSQL(프로덕션)
• ✅ DB Tools : SQLAlchemy ORM, Flask-Migrate(스키마 마이그레이션)
• ✅ Blueprints 사용한 모듈식 디자인

Docker의 빠른 시작

제품 페이지에서 코드 받기

$ unzip flask-dashboard-black-pro.zip
$ cd flask-dashboard-black-pro

Docker에서 앱 시작

$ docker-compose up --build

브라우저에서 http://localhost:5085 방문하세요. 앱이 실행 중이어야 합니다.

수동 빌드

$ # Get the code
$ git clone https://github.com/app-generator/priv-flask-dashboard-black-pro.git
$ cd priv-flask-dashboard-black-pro
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .envScriptsactivate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
$
$ # OR with PostgreSQL connector
$ # pip install -r requirements-pgsql.txt
$
$ # Set the FLASK_APP environment variable
$ (Unix/Mac) export FLASK_APP=run.py
$ (Windows) set FLASK_APP=run.py
$ (Powershell) $env :FLASK_APP = " .run.py "
$
$ # Set up the DEBUG environment
$ # (Unix/Mac) export FLASK_ENV=development
$ # (Windows) set FLASK_ENV=development
$ # (Powershell) $env:FLASK_ENV = "development"
$
$ # Start the application (development mode)
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

참고: 앱을 사용하려면 등록 페이지에 접속하여 새 사용자를 생성하세요. 인증 후 앱은 비공개 페이지의 잠금을 해제합니다.

코드 기반 구조

프로젝트는 청사진, 앱 팩토리 패턴, 이중 구성 프로필(개발 및 생산) 및 아래에 제시된 직관적인 구조를 사용하여 코딩되었습니다.

 < PROJECT ROOT >
   |
   | -- apps/
   |    |
   |    | -- home/                          # A simple app that serve HTML files
   |    |    | -- routes.py                 # Define app routes
   |    |
   |    | -- authentication/                # Handles auth routes (login and register)
   |    |    | -- routes.py                 # Define authentication routes  
   |    |    | -- models.py                 # Defines models  
   |    |    | -- forms.py                  # Define auth forms (login and register) 
   |    |
   |    | -- 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
   |    |    |
   |    |    | -- home/                      # UI Kit Pages
   |    |         | -- index.html            # Index page
   |    |         | -- 404-page.html         # 404 page
   |    |         | -- * .html                # All other pages
   |    |    
   |  config.py                             # Set up the app
   |    __init__.py                         # Initialize the app
   |
   | -- requirements.txt                     # Development modules - SQLite storage
   | -- requirements-mysql.txt               # Production modules  - Mysql DMBS
   | -- requirements-pqsql.txt               # Production modules  - PostgreSql DMBS
   |
   | -- Dockerfile                           # Deployment
   | -- docker-compose.yml                   # Deployment
   | -- gunicorn-cfg.py                      # Deployment   
   | -- nginx                                # Deployment
   |    | -- appseed-app.conf                # Deployment 
   |
   | -- .env                                 # Inject Configuration via Environment
   | -- run.py                               # Start the app - WSGI gateway
   |
   | -- ************************************************************************

부트스트랩 흐름

• run.py .env 파일을 로드합니다.
• 지정된 프로필 (디버그 또는 프로덕션) 을 사용하여 앱 초기화
  • env.DEBUG가 True 로 설정되면 SQLite 저장소가 사용됩니다.
  • env.DEBUG가 False 로 설정된 경우 지정된 DB 드라이버가 사용됩니다(MySql, PostgreSQL).
• app/ init .py에 정의된 앱 팩토리 메소드 create_app 호출합니다.
• 게스트 사용자를 로그인 페이지로 리디렉션
• 인증된 사용자를 위해 홈 블루프린트에서 제공하는 페이지 잠금 해제

CSS 재컴파일

SCSS 파일을 다시 컴파일하려면 다음 설정을 따르세요.

1단계 - 도구 설치

• NodeJS 12.x 이상
• Gulp - 전 세계적으로
  • npm install -g gulp-cli
• 실(선택사항)

2단계 - 모듈 설치(이렇게 하면 클래식 node_modules 디렉토리가 생성됩니다)

$ npm install
// OR
$ yarn

3단계 - SCSS 파일 편집 및 재컴파일

$ gulp

생성된 파일은 apps/static/assets/css 디렉터리에 저장됩니다.

크레딧 및 링크

• Flask 프레임워크 - 공식 웹사이트
• 상용구 코드 - AppSeed 에서 제공하는 인덱스
• 상용구 코드 - Github에 게시된 색인

---

Flask Black PRO - AppSeed에서 제공.