BS4 تم تصميم بداية Flask Dashboard باستخدام Material Design PRO ، وهي مجموعة Bootstrap 4 المتميزة من Creative-Tim . تم تصميم المنتج لتقديم أفضل تجربة ممكنة للمستخدم من خلال صفحات غنية بالميزات قابلة للتخصيص بدرجة كبيرة.
قارورة المواد PRO - Product page
مادة القارورة PRO - العرض المباشر
سمات
✅ Up-to-date dependencies
✅ Database : SQLite ، MySql
الرجوع الصامت إلى SQLite
✅ DB Tools : SQLAlchemy ORM، Flask-Migrate
✅ Authentication ، على أساس الجلسة
✅ Docker ، ضغط الصفحة عبر Flask-Minify
Deployment
تدفق CI/CD عبر Render
CDN Support (اختياري)
Dockerالخطوة 1 - تنزيل الرمز وفك ضغطه (
requires a purchaseمن صفحة المنتج الرسمية)
$ فك ضغط قارورة-مادة-لوحة القيادة-pro.zip $ cd قارورة-مادة-لوحة القيادة-pro
الخطوة 2 - ابدأ تشغيل التطبيق في
Docker
$ docker-compose up --build
تفضل بزيارة http://localhost:5085 في متصفحك. يجب أن يكون التطبيق قيد التشغيل.
الخطوة 1 - تنزيل الرمز وفك ضغطه (
requires a purchaseمن صفحة المنتج الرسمية)
$ فك ضغط قارورة-مادة-لوحة القيادة-pro.zip $ cd قارورة-مادة-لوحة القيادة-pro
Unix و MacOSتثبيت الوحدات عبر
VENV
$ بيئة افتراضية $ المصدر env/bin/activate تثبيت $ pip3 -r متطلبات.txt
إعداد بيئة القارورة
قم بتحرير .env باستخدام env.sample أو ببساطة قم بتصدير المتغيرات الموجودة في environment . وفيما يلي القيم المتوقعة:
DEBUG : يتحكم في وضع Development Production
الافتراضي False (الإنتاج)
SECRET_KEY : قيمة عشوائية اختيارية تُستخدم إذا لم يتم توفيرها
DB credentials
Note : إذا لم يتم توفيره، أو كانت هناك قيم خاطئة، فسيتم استخدام SQLite
DB_ENGINE ، DB_HOST ، DB_NAME ...
ابدأ التطبيق
تشغيل قارورة $
عند هذه النقطة، يعمل التطبيق على http://127.0.0.1:5000/ .
تم ترميز المشروع باستخدام المخططات ونمط مصنع التطبيقات وملف تعريف التكوين المزدوج (التطوير والإنتاج) وبنية بديهية مقدمة أدناه:
<جذر المشروع>
|
|-- التطبيقات/ | |
| |-- home/ # تطبيق بسيط يخدم ملفات HTML
| | |--ways.py # تحديد مسارات التطبيق
| |
| |-- المصادقة/ # التعامل مع مسارات المصادقة (تسجيل الدخول والتسجيل)
| | |--ways.py # تعريف طرق المصادقة
| | |--models.py # تعريف النماذج
| | |--forms.py # تعريف نماذج المصادقة (تسجيل الدخول والتسجيل)
| |
| |-- ثابت/ | | |-- <css, JS, Images> # ملفات CSS، ملفات جافا سكريبت
| |
| |-- templates/ # القوالب المستخدمة لعرض الصفحات
| | |-- يتضمن/ # أجزاء ومكونات HTML
| | | |-- navigation.html # مكون القائمة العلوية
| | | |-- Sidebar.html # مكون الشريط الجانبي
| | | |-- footer.html # تذييل التطبيق
| | | |-- scripts.html # نصوص برمجية مشتركة في جميع الصفحات
| | |
| | |-- التخطيطات/ # الصفحات الرئيسية
| | | |-- base-fullscreen.html # تستخدمه صفحات المصادقة
| | | |-- base.html # تستخدمه الصفحات الشائعة
| | |
| | |-- الحسابات/ # صفحات التوثيق
| | | |-- تسجيل الدخول.html # صفحة تسجيل الدخول
| | | |-- Register.html # صفحة التسجيل
| | |
| | |-- الصفحة الرئيسية/ # صفحات أدوات واجهة المستخدم
| | |--index.html # صفحة الفهرس
| | |-- 404-page.html # 404 صفحة
| | |-- *.html # جميع الصفحات الأخرى
| |
| config.py # قم بإعداد التطبيق
| __init__.py # تهيئة التطبيق
|
|-- require.txt # وحدات التطوير - تخزين SQLite
|
|-- نشر ملف Dockerfile #
|-- docker-compose.yml # Deployment
|-- gunicorn-cfg.py # النشر
|-- نشر nginx
| |-- appseed-app.conf # النشر
|
|-- .env # حقن التكوين عبر البيئة
|-- run.py # ابدأ التطبيق - بوابة WSGI
|
|-- ************************************************** ************************* قارورة المواد PRO BS4 - مقدمة من AppSeed .