flask black dashboard pro

Колба Черная ПРО

Панель администратора, созданная платформой AppSeed в Flask на основе Black Dashboard PRO , современного шаблона панели управления Bootstrap 4. Кодовая база Flask включает сценарии аутентификации, базы данных, ORM и развертывания.

• Колба Black PRO - Страница товара
• Flask Black PRO — развертывание в реальном времени
• Flask Black PRO - Документация к продукту

Функции

• ✅ Up-to-date dependencies
• ✅ SCSS compilation через Gulp
• ✅ 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, используется указанный драйвер БД (MySql, PostgreSQL).
• Вызов фабричного метода приложения create_app определенного в app/ init.py .
• Перенаправить гостевых пользователей на страницу входа.
• Разблокируйте страницы, обслуживаемые Home Blueprint, для прошедших проверку пользователей.

Перекомпилировать 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 Framework — официальный сайт
• Шаблонный код — индекс предоставлен AppSeed
• Шаблонный код — индекс опубликован на Github

---

Flask Black PRO — предоставлено AppSeed.