flask material dashboard pro

วัสดุขวด PRO BS4

เริ่มต้น Flask Dashboard สไตล์ด้วย Material Design PRO ซึ่งเป็น Bootstrap 4 KIT ระดับพรีเมียมจาก Creative-Tim ผลิตภัณฑ์นี้ได้รับการออกแบบมาเพื่อมอบประสบการณ์การใช้งานที่ดีที่สุดเท่าที่จะเป็นไปได้ด้วยหน้าเว็บที่มีฟีเจอร์มากมายที่ปรับแต่งได้สูง

• Flask Material PRO - Product page

• Flask Material 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 จากหน้าผลิตภัณฑ์อย่างเป็นทางการ)

 $ คลายซิป flask-material-dashboard-pro.zip
$ cd flask-วัสดุ-แดชบอร์ด-โปร

ขั้นตอนที่ 2 - เริ่มแอปใน Docker

 $ นักเทียบท่าเขียน --build

ไปที่ http://localhost:5085 ในเบราว์เซอร์ของคุณ แอปควรเปิดใช้งานและทำงานอยู่

สร้างด้วยตนเอง

ขั้นตอนที่ 1 - ดาวน์โหลดและแตกรหัส ( requires a purchase จากหน้าผลิตภัณฑ์อย่างเป็นทางการ)

 $ คลายซิป flask-material-dashboard-pro.zip
$ cd flask-วัสดุ-แดชบอร์ด-โปร

ตั้งค่าสำหรับ Unix , MacOS

ติดตั้งโมดูลผ่าน VENV

 $ สภาพแวดล้อมเสมือนจริง
$ แหล่งที่มา env/bin/activate
$ pip3 ติดตั้ง -r ข้อกำหนด txt

ตั้งค่าสภาพแวดล้อม Flask

แก้ไข .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
   -    -    |--routes.py # กำหนดเส้นทางของแอป
   -    -
   -    |-- การรับรองความถูกต้อง/ # จัดการเส้นทางการรับรองความถูกต้อง (เข้าสู่ระบบและลงทะเบียน)
   -    -    |--routes.py # กำหนดเส้นทางการตรวจสอบสิทธิ์
     -    -    |--models.py # กำหนดโมเดล
     -    -    |-- forms.py # กำหนดแบบฟอร์มการรับรองความถูกต้อง (เข้าสู่ระบบและลงทะเบียน)
    -    -
   -    |--คงที่/ |    -    |-- <css, JS, รูปภาพ> # ไฟล์ CSS, ไฟล์ Javascripts
   -    -
   -    |-- templates/ # เทมเพลตที่ใช้ในการเรนเดอร์เพจ
   -    -    |-- รวม/ # ส่วน HTML และส่วนประกอบ
   -    -    -    |-- navigation.html # ส่วนประกอบเมนูด้านบน
   -    -    -    |-- sidebar.html # ส่วนประกอบแถบด้านข้าง
   -    -    -    |--footer.html # ส่วนท้ายของแอป
   -    -    -    |-- scripts.html # สคริปต์ทั่วไปสำหรับทุกหน้า
   -    -    -
   -    -    |-- เค้าโครง/ # หน้าต้นแบบ
   -    -    -    |--base-fullscreen.html # ใช้โดยหน้าการรับรองความถูกต้อง
   -    -    -    |--base.html # ใช้โดยเพจทั่วไป
   -    -    -
   -    -    |-- บัญชี/ # หน้าการตรวจสอบสิทธิ์
   -    -    -    |--login.html # หน้าเข้าสู่ระบบ
   -    -    -    |-- register.html # หน้าลงทะเบียน
   -    -    -
   -    -    |--home/ # หน้าชุด UI
   -    -         |--index.html # หน้าดัชนี
   -    -         |--404-page.html #404หน้า
   -    -         |-- *.html # หน้าอื่นๆ ทั้งหมด
   -    -
       -  config.py # ตั้งค่าแอป
   -    __init__.py # เริ่มต้นแอป
   -
   |--requirements.txt # โมดูลการพัฒนา - ที่เก็บข้อมูล SQLite
   -
   |-- Dockerfile # การปรับใช้
   |-- docker-compose.yml # การปรับใช้
   |--gunicorn-cfg.py
      |--nginx # การปรับใช้
   -    |--appeed-app.conf # การปรับใช้
    -
   |-- .env # ฉีดการกำหนดค่าผ่านสภาพแวดล้อม
   |-- run.py # เริ่มแอป - เกตเวย์ WSGI
   -
   -

---

วัสดุขวด PRO BS4 - จัดทำโดย AppSeed