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 .