flask black dashboard pro

قارورة سوداء للمحترفين

لوحة تحكم المشرف التي تم إنشاؤها بواسطة منصة AppSeed في Flask أعلى Black Dashboard PRO ، وهو قالب لوحة معلومات Bootstrap 4 حديث. تأتي قاعدة بيانات Flask مع المصادقة وقاعدة البيانات وORM والبرامج النصية للنشر.

• قارورة سوداء 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
• إعادة توجيه المستخدمين الضيوف إلى صفحة تسجيل الدخول
• افتح الصفحات التي يقدمها مخطط المنزل للمستخدمين المعتمدين

إعادة ترجمة CSS

لإعادة ترجمة ملفات SCSS، اتبع هذا الإعداد:

الخطوة رقم 1 – تثبيت الأدوات

• NodeJS 12.x أو أعلى
• غالب - على مستوى العالم
  • npm install -g gulp-cli
• الغزل (اختياري)

الخطوة رقم 2 - تثبيت الوحدات النمطية (سيؤدي ذلك إلى إنشاء دليل كلاسيكي node_modules )

$ npm install
// OR
$ yarn

الخطوة رقم 3 - تحرير وإعادة ترجمة ملفات SCSS

$ gulp

يتم حفظ الملف الذي تم إنشاؤه في دليل apps/static/assets/css .

الاعتمادات والروابط

• إطار القارورة - الموقع الرسمي
• الكود المعياري - الفهرس المقدم من AppSeed
• الكود المعياري - الفهرس المنشور على جيثب

---

Flask Black PRO - مقدمة من AppSeed.