flask black dashboard pro

กระติกน้ำ สีดำ 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
• เริ่มต้นแอปโดยใช้โปรไฟล์ที่ระบุ: Debug หรือ Production
  • หากตั้งค่า env.DEBUG เป็น True จะใช้ที่เก็บข้อมูล SQLite
  • หาก env.DEBUG ถูกตั้งค่าเป็น False แสดงว่ามีการใช้ไดรเวอร์ DB ที่ระบุ (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

เครดิตและลิงค์

• Flask Framework - เว็บไซต์อย่างเป็นทางการ
• รหัส Boilerplate - ดัชนีจัดทำโดย AppSeed
• รหัส Boilerplate - ดัชนีเผยแพร่บน Github

---

Flask Black PRO - จัดทำโดย AppSeed