Beranda>Kode sumber PHP>Kategori lainnya
Unduh

AdminKit Dasbor Labu

Dasbor Flask sumber terbuka yang dihasilkan oleh AppSeed dengan desain modern. AdminKit adalah paket profesional yang dilengkapi dengan ratusan komponen UI, formulir, tabel, bagan, halaman, dan ikon - Dibangun di atas Bootstrap 5 .

  • Flask Dashboard AdminKit - Demo - penerapan LANGSUNG
  • Tutorial Flask - Memulai Flask

Fitur

  • DBMS: SQLite, PostgreSQL (produksi)
  • Alat DB: SQLAlchemy ORM, Alembic (migrasi skema)
  • Desain modular dengan Cetak Biru , basis kode sederhana
  • Otentikasi Berbasis Sesi (melalui flask_login ), Validasi formulir
  • Skrip penerapan: Docker, Gunicorn / Nginx, Heroku
  • Dukungan melalui Github dan Discord.


Bagaimana cara menggunakannya 

$ # Get the code
$ git clone https://github.com/app-generator/flask-adminkit.git
$ cd flask-adminkit
$
$ # 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/

Catatan: Untuk menggunakan aplikasi, silakan akses halaman pendaftaran dan buat pengguna baru. Setelah otentikasi, aplikasi akan membuka kunci halaman pribadi.


Struktur basis kode

Proyek ini diberi kode menggunakan cetak biru, pola pabrik aplikasi, profil konfigurasi ganda (pengembangan dan produksi) dan struktur intuitif yang disajikan di bawah ini:

Versi yang disederhanakan 

 < PROJECT ROOT >
   |
   | -- app/                      # Implements app logic
   |    | -- base/                # Base Blueprint - handles the authentication
   |    | -- home/                # Home Blueprint - serve UI Kit pages
   |    |
   |   __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
   |
   | -- .env                      # Inject Configuration via Environment
   | -- config.py                 # Set up the app
   | -- run.py                    # Start the app - WSGI gateway
   |
   | -- ************************************************************************

Aliran bootstrap

  • run.py memuat file .env
  • Inisialisasi aplikasi menggunakan profil yang ditentukan: Debug atau Produksi
    • Jika env.DEBUG diatur ke True, penyimpanan SQLite akan digunakan
    • Jika env.DEBUG diatur ke False, driver DB yang ditentukan akan digunakan (MySql, PostgreSQL)
  • Panggil metode pabrik aplikasi create_app yang ditentukan di app/ init .py
  • Arahkan pengguna tamu ke halaman Login
  • Buka kunci halaman yang disajikan oleh cetak biru rumah untuk pengguna yang diautentikasi

Cetak Biru Aplikasi / Basis

Cetak biru Basis menangani otentikasi (rute dan formulir) dan manajemen aset. Strukturnya disajikan di bawah ini: 

 < PROJECT ROOT >
   |
   | -- app/
   |    | -- home/                                # Home Blueprint - serve app pages (private area)
   |    | -- base/                                # Base Blueprint - handles the authentication
   |         | -- static/
   |         |    | -- < css, JS, images >          # CSS files, Javascripts files
   |         |
   |         | -- templates/                      # Templates used to render pages
   |              |
   |              | -- includes/                  #
   |              |    | -- 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         # Registration page
   |
   | -- requirements.txt                          # Development modules - SQLite storage
   | -- requirements-mysql.txt                    # Production modules  - Mysql DMBS
   | -- requirements-pqsql.txt                    # Production modules  - PostgreSql DMBS
   |
   | -- .env                                      # Inject Configuration via Environment
   | -- config.py                                 # Set up the app
   | -- run.py                                    # Start the app - WSGI gateway
   |
   | -- ************************************************************************

Cetak Biru Aplikasi / Rumah

Cetak biru Beranda menangani halaman Kit UI untuk pengguna yang diautentikasi. Ini adalah zona pribadi aplikasi - strukturnya disajikan di bawah ini: 

 < PROJECT ROOT >
   |
   | -- app/
   |    | -- base/                     # Base Blueprint - handles the authentication
   |    | -- home/                     # Home Blueprint - serve app pages (private area)
   |         |
   |         | -- templates/           # UI Kit Pages
   |              |
   |              | -- index.html      # Default page
   |              | -- page-404.html   # Error 404 - mandatory page
   |              | -- page-500.html   # Error 500 - mandatory page
   |              | -- page-403.html   # Error 403 - mandatory page
   |              | -- * .html          # All other HTML pages
   |
   | -- requirements.txt               # Development modules - SQLite storage
   | -- requirements-mysql.txt         # Production modules  - Mysql DMBS
   | -- requirements-pqsql.txt         # Production modules  - PostgreSql DMBS
   |
   | -- .env                           # Inject Configuration via Environment
   | -- config.py                      # Set up the app
   | -- run.py                         # Start the app - WSGI gateway
   |
   | -- ************************************************************************

Penyebaran

Aplikasi ini dilengkapi dengan konfigurasi dasar untuk dijalankan di Docker, Heroku, Gunicorn, dan Waitress.


Eksekusi buruh pelabuhan

Aplikasi dapat dengan mudah dijalankan dalam wadah buruh pelabuhan. Langkah-langkahnya:

Dapatkan kodenya 

$ git clone https://github.com/app-generator/flask-adminkit.git
$ cd flask-adminkit

Mulai aplikasi di Docker 

$ sudo docker-compose pull && sudo docker-compose build && sudo docker-compose up -d

Kunjungi http://localhost:5005 di browser Anda. Aplikasi harus aktif & berjalan.


Pahlawanku

Langkah-langkah untuk menerapkan di Heroku

  • Buat akun GRATIS di platform Heroku
  • Instal Heroku CLI yang sesuai dengan OS Anda: Mac, Unix atau Windows
  • Buka jendela terminal dan autentikasi melalui perintah heroku login
  • Kloning sumber dan dorong proyek untuk penerapan LANGSUNG 
$ # Clone the source code:
$ git clone https://github.com/app-generator/flask-adminkit.git
$ cd flask-adminkit
$
$ # Check Heroku CLI is installed
$ heroku -v
heroku/7.25.0 win32-x64 node-v12.13.0 # <-- All good
$
$ # Check Heroku CLI is installed
$ heroku login
$ # this commaond will open a browser window - click the login button (in browser)
$
$ # Create the Heroku project
$ heroku create
$
$ # Trigger the LIVE deploy
$ git push heroku master
$
$ # Open the LIVE app in browser
$ heroku open

Gunicorn

Gunicorn 'Green Unicorn' adalah Server HTTP Python WSGI untuk UNIX.

Instal menggunakan pip 

$ pip install gunicorn

Mulai aplikasi menggunakan biner gunicorn 

$ gunicorn --bind 0.0.0.0:8001 run:app
Serving on http://localhost:8001

Kunjungi http://localhost:8001 di browser Anda. Aplikasi harus aktif & berjalan.


Pelayan

Waitress (setara dengan Gunicorn untuk Windows) dimaksudkan sebagai server WSGI Python murni berkualitas produksi dengan kinerja yang sangat dapat diterima. Ia tidak memiliki ketergantungan kecuali yang ada di perpustakaan standar Python.

Instal menggunakan pip 

$ pip install waitress

Mulai aplikasi menggunakan pelayan-servis 

$ waitress-serve --port=8001 run:app
Serving on http://localhost:8001

Kunjungi http://localhost:8001 di browser Anda. Aplikasi harus aktif & berjalan.


Kredit & Tautan

  • Flask Framework - Situs web resmi
  • Kode Boilerplate - Indeks disediakan oleh AppSeed
  • Kode Boilerplate - Indeks diterbitkan di Github

Flask Dashboard AdminKit - Disediakan oleh AppSeed App Generator .

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua