หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

แดชบอร์ดสีดำ PRO Django

เทมเพลต Django สร้างขึ้นบน Black Dashboard PRO ซึ่งเป็นดีไซน์ Bootstrap 4 ระดับพรีเมียม เริ่มต้นการพัฒนาของคุณด้วยเทมเพลตผู้ดูแลระบบ Bootstrap 4 ธีมสีเข้มที่ทันสมัยสำหรับ Django มีส่วนประกอบจำนวนมากที่สร้างขึ้นเพื่อให้เข้ากันได้และดูสวยงาม หากคุณต้องการเขียนโค้ดเร็วขึ้นด้วยเวิร์กโฟลว์ที่ราบรื่น คุณควรลองใช้เทมเพลตนี้ที่พัฒนาอย่างระมัดระวังด้วย Django ซึ่งเป็น Python Framework ที่รู้จักกันดี

หมายเหตุ : ผลิตภัณฑ์นี้ requires a License จึงจะเข้าถึงธีมได้ ในระหว่างการซื้อ จะมีการจัดหา GitHub Access TOKEN


คุณสมบัติ:

  • ✅ Up-to-date Dependencies
  • ✅ Design : ธีม Django Black - PRO Version
  • ✅ Sections ครอบคลุมโดยการออกแบบ:
    • ✅ ส่วนผู้ดูแลระบบ (สงวนไว้สำหรับผู้ใช้ขั้นสูง)
    • ✅ การรับรองความถูกต้อง : Django.contrib.AUTH , การลงทะเบียน
    • ✅ มี เพจทั้งหมด สำหรับผู้ใช้ทั่วไป
  • ✅ Docker
  • การปรับใช้: กระแส CI/CD ผ่าน Render
    • Django Black PRO - Go LIVE - video presentation

Django Black Dashboard PRO - Premium Starter สร้างขึ้นโดย AppSeed และ Creative-Tim


สารบัญ

  • สาธิต
  • เริ่มต้นอย่างรวดเร็ว
  • เอกสารประกอบ
  • โครงสร้างไฟล์
  • รองรับเบราว์เซอร์
  • ทรัพยากร
  • การรายงานปัญหา
  • การสนับสนุนทางเทคนิคหรือคำถาม
  • การออกใบอนุญาต
  • ลิงค์ที่เป็นประโยชน์

สาธิต

ในการตรวจสอบสิทธิ์ให้ใช้ การทดสอบข้อมูลรับรองเริ่มต้น / PaSS_123 หรือสร้างผู้ใช้ใหม่บน หน้าการลงทะเบียน

  • หน้าเข้าสู่ระบบ แดชบอร์ดสีดำ PRO Django

เริ่มต้นอย่างรวดเร็ว

แตกไฟล์ซอร์สหรือโคลนที่เก็บนี้ หลังจากได้รับโค้ดแล้ว ให้เปิดเทอร์มินัลแล้วไปที่ไดเร็กทอรีการทำงานพร้อมซอร์สโค้ดของผลิตภัณฑ์


ส่งออก GITHUB_TOKEN ในสภาพแวดล้อม มูลค่าจะถูกระบุไว้ในระหว่างการซื้อ

สิ่งนี้จำเป็นเนื่องจากโครงการมีการพึ่งพา REPO ส่วนตัว: github.com/app-generator/priv-django-admin-black-pro 

$ export GITHUB_TOKEN= ' TOKEN_HERE '  # for Linux, Mac
$ set GITHUB_TOKEN= ' TOKEN_HERE '     # Windows CMD
$ $env :GITHUB_TOKEN = ' TOKEN_HERE '  # Windows powerShell

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

$ virtualenv env
$ source env/bin/activate
$ pip install -r requirements.txt

แก้ไข .env โดยใช้เทมเพลต . .env.sample 

 # True for development, False for production
DEBUG = True

ตั้งค่าฐานข้อมูล 

$ python manage.py makemigrations
$ python manage.py migrate

สร้าง Superuser 

$ python manage.py createsuperuser

เริ่มแอป 

$ python manage.py runserver

ณ จุดนี้ แอปจะทำงานที่ http://127.0.0.1:8000/


เอกสารประกอบ

เอกสารสำหรับ Black Dashboard PRO Django นั้นโฮสต์อยู่ที่เว็บไซต์ของเรา


โครงสร้างโค้ดเบส

โครงการนี้ได้รับการเข้ารหัสโดยใช้โครงสร้างที่เรียบง่ายและใช้งานง่ายซึ่งแสดงไว้ด้านล่าง: 

 < PROJECT ROOT >
   |
   | -- core/                            
   |    | -- settings.py                  # Project Configuration  
   |    | -- urls.py                      # Project Routing
   |
   | -- home/
   |    | -- views.py                     # APP Views 
   |    | -- urls.py                      # APP Routing
   |    | -- models.py                    # APP Models 
   |    | -- tests.py                     # Tests  
   |    | -- templates/                   # Theme Customisation 
   |         | -- includes                # 
   |              | -- custom-footer.py   # Custom Footer      
   |     
   | -- requirements.txt                  # Project Dependencies
   |
   | -- env.sample                        # ENV Configuration (default values)
   | -- manage.py                         # Start the app - Django default start script
   |
   | -- ************************************************************************

วิธีปรับแต่ง

เมื่อไฟล์เทมเพลตถูกโหลดในคอนโทรลเลอร์ Django จะสแกนไดเร็กทอรีเทมเพลตทั้งหมดโดยเริ่มจากไดเร็กทอรีที่กำหนดโดยผู้ใช้ และส่งคืนไฟล์แรกที่ตรงกันหรือข้อผิดพลาดในกรณีที่ไม่พบเทมเพลต ธีมที่ใช้ในการจัดสไตล์สตาร์ทเตอร์นี้จะมีไฟล์ต่อไปนี้: 

 < LIBRARY_ROOT >                     # This exists in ENV: LIB/admin_black_pro
   |
   | -- templates/                    # Root Templates Folder 
   |    |          
   |    | -- accounts/       
   |    |    | -- login.html          # Sign IN Page
   |    |    | -- register.html       # Sign UP Page
   |    |
   |    | -- includes/       
   |    |    | -- footer.html         # Footer component
   |    |    | -- sidebar.html        # Sidebar component
   |    |    | -- navigation.html     # Navigation Bar
   |    |    | -- scripts.html        # Scripts Component
   |    |
   |    | -- layouts/       
   |    |    | -- base.html           # Masterpage
   |    |    | -- base-auth.html      # Masterpage for Auth Pages
   |    |
   |    | -- pages/       
   |         | -- index.html          # Index Page (presentation)
   |         | -- settings.html       # Settings  Page
   |         | -- dashboard.html      # Dashboard page
   |         | -- * .html              # All other pages
   |    
   | -- ************************************************************************

เมื่อโปรเจ็กต์ต้องการการปรับแต่ง เราจำเป็นต้องคัดลอกไฟล์ต้นฉบับที่ต้องการการอัปเดต (จากสภาพแวดล้อมเสมือน) และวางไว้ในโฟลเดอร์เทมเพลตโดยใช้พาธเดียวกัน

ตัวอย่างเช่น หากเราต้องการ ปรับแต่ง footer.html ให้ทำ ตามขั้นตอนเหล่านี้:

  • ✅ Step 1 : สร้าง templates DIRECTORY ภายในแอป home
  • ✅ Step 2 : กำหนดค่าโปรเจ็กต์ให้ใช้ไดเร็กทอรีเทมเพลตใหม่นี้
    • core/settings.py ส่วนเทมเพลต
  • ✅ Step 3 : คัดลอก footer.html จากตำแหน่งเดิม (ภายใน ENV ของคุณ) และบันทึกลงใน home/templates DIR
    • PATH แหล่งที่มา: <YOUR_ENV>/LIB/admin_black_pro/includes/footer.html
    • เส้นทางปลายทาง: <PROJECT_ROOT>home/templates/includes/footer.html

เพื่อเร่งความเร็วขั้นตอนเหล่านี้ทั้งหมด โค้ดเบสได้รับการกำหนดค่าไว้แล้ว ( Steps 1, and 2 ) และ custom footer สามารถพบได้ที่ตำแหน่งนี้:

home/templates/includes/custom_footer.html

ตามค่าเริ่มต้น ไฟล์นี้จะไม่ถูกใช้งานเนื่องจาก theme ต้องการ footer.html (โดยไม่มีคำนำหน้า custom_ )

หากต้องการใช้งาน เพียงเปลี่ยนชื่อเป็น footer.html เช่นนี้ Django จะละเว้นเวอร์ชันเริ่มต้นที่จัดส่งในไลบรารี

ในทำนองเดียวกัน ไฟล์และส่วนประกอบอื่นๆ ทั้งหมดสามารถปรับแต่งได้อย่างง่ายดาย


ปรับใช้บน Render

  • สร้างอินสแตนซ์พิมพ์เขียว
    • ไปที่ https://dashboard.render.com/blueprints ลิงก์นี้
  • คลิกปุ่ม New Blueprint Instance
  • เชื่อมต่อ repo ของคุณที่คุณต้องการปรับใช้
  • กรอก Service Group Name แล้วคลิกปุ่ม Update Existing Resources
  • หลังจากนั้นการปรับใช้ของคุณจะเริ่มต้นโดยอัตโนมัติ

ณ จุดนี้ ผลิตภัณฑ์ควรจะ LIVE


รองรับเบราว์เซอร์

ในปัจจุบัน เรามีเป้าหมายอย่างเป็นทางการที่จะสนับสนุนเบราว์เซอร์สองเวอร์ชันล่าสุดต่อไปนี้:


ทรัพยากร

  • การสาธิต: https://www.creative-tim.com/live/black-dashboard-pro-django
  • หน้าดาวน์โหลด: https://www.creative-tim.com/product/black-dashboard-pro-django
  • เอกสารประกอบ: https://demos.creative-tim.com/black-dashboard-pro-django/docs/1.0/getting-started/getting-started-django.html
  • ข้อตกลงใบอนุญาต: https://www.creative-tim.com/license
  • การสนับสนุน: https://www.creative-tim.com/contact-us
  • ปัญหา: หน้าปัญหา Github

การรายงานปัญหา

เราใช้ GitHub Issues เป็นตัวติดตามข้อบกพร่องอย่างเป็นทางการสำหรับ Black Dashboard PRO Django คำแนะนำสำหรับผู้ใช้ของเราที่ต้องการรายงานปัญหามีดังนี้

  1. ตรวจสอบให้แน่ใจว่าคุณใช้ Black Dashboard PRO Django เวอร์ชันล่าสุด ตรวจสอบ CHANGELOG จากแดชบอร์ดของคุณบนเว็บไซต์ของเรา
  2. การแจ้งขั้นตอนที่ทำซ้ำได้สำหรับปัญหาดังกล่าวจะช่วยลดระยะเวลาในการแก้ไขได้
  3. ปัญหาบางอย่างอาจเป็นปัญหาเฉพาะเบราว์เซอร์ ดังนั้นการระบุเบราว์เซอร์ที่คุณพบปัญหาอาจช่วยได้

การสนับสนุนทางเทคนิคหรือคำถาม

หากคุณมีคำถามหรือต้องการความช่วยเหลือในการบูรณาการผลิตภัณฑ์ โปรดติดต่อเราแทนการเปิดปัญหา


การออกใบอนุญาต

  • ลิขสิทธิ์ 2019 - ปัจจุบัน ครีเอทีฟ ทิม
  • ได้รับอนุญาตภายใต้ Creative Tim EULA

ลิงค์ที่เป็นประโยชน์

  • สินค้าเพิ่มเติมจาก Creative Tim
  • บทช่วยสอน
  • ของสมนาคุณจาก Creative Tim
  • โปรแกรมพันธมิตร (สร้างรายได้)

โซเชียลมีเดีย

  • ทวิตเตอร์: https://twitter.com/CreativeTim
  • เฟสบุ๊ค: https://www.facebook.com/CreativeTim
  • ดริบเบิล: https://dribbble.com/creativetim
  • อินสตาแกรม: https://www.instagram.com/CreativeTimOfficial

Black Dashboard PRO Django - จัดทำโดย Creative Tim และ AppSeed

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด