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

เทมเพลตผู้ดูแลระบบ Datta Able ฟรี Bootstrap 5

เทมเพลตแดชบอร์ด Datta Able ฟรีที่สร้างโดยใช้เฟรมเวิร์ก Bootstrap 5 เป็นเวอร์ชัน Lite ฟรีของเทมเพลตแดชบอร์ด Datta Able Pro ที่ทำให้คุณตอบสนองความต้องการแดชบอร์ดของคุณได้

เทมเพลตผู้ดูแลระบบ Datta Able มาพร้อมกับองค์ประกอบที่หลากหลาย เช่น ปุ่ม ป้าย แท็บ Breadcrumb ไอคอน องค์ประกอบของแบบฟอร์ม ตาราง แผนภูมิ และหน้าการตรวจสอบสิทธิ์

โครงสร้างโค้ดมีความยืดหยุ่นสูงในการใช้งานและแก้ไข

การออกแบบจะปรับขนาดหน้าจอได้อย่างง่ายดายแม้ว่าจะเป็นจอเรตินาก็ตาม

เป็นการออกแบบแผงหน้าปัดที่ทันสมัยพร้อมสีสันที่สะดุดตา หวังว่าคุณจะมีความสุขที่จะใช้ผลิตภัณฑ์ของเราในโครงการของคุณ

ดูตัวอย่างและดาวน์โหลดเวอร์ชันฟรี

ตรวจสอบตัวอย่างสดของเวอร์ชัน Datta Able lite และดาวน์โหลด

ดูตัวอย่าง

  • สาธิต

ดาวน์โหลด

  • ดาวน์โหลดจาก Github
  • ดาวน์โหลดจาก CodedThemes และรับการแจ้งเตือนสำคัญทันทีทางเมลของคุณ

ดูตัวอย่างและดาวน์โหลดเวอร์ชันพรีเมียม

เทมเพลตผู้ดูแลระบบ Datta Able Pro พร้อมให้ซื้อแล้ว เยี่ยมชมการสาธิตมากมายและตัดสินใจซื้อ

ดูตัวอย่าง

  • สาธิต

ดาวน์โหลด

  • ซื้อจาก CodedThemes

สารบัญ

  • เริ่มต้นใช้งาน
  • เอกสารออนไลน์
  • สร้างด้วย
  • โครงสร้างไดเร็กทอรี
  • แผนที่ถนน
  • ผู้เขียน
  • มีส่วนร่วม
  • ปัญหา?
  • ใบอนุญาต
  • สินค้าแดชบอร์ดอื่นๆ
  • โปรไฟล์โซเชียล

เริ่มต้นใช้งาน

โคลนจาก Github 

 git clone https://github.com/codedthemes/datta-able-bootstrap-dashboard.git

ไม่จำเป็นต้องพึ่งพาอื่นๆ เพื่อเรียกใช้เทมเพลต Datta Able

เอกสารออนไลน์

เอกสารเวอร์ชัน Datta Able Lite ครอบคลุมอยู่ในเอกสารเวอร์ชัน Pro - ตรวจสอบเว็บไซต์ของเรา

สร้างด้วย

  • บูทสแตรป 5
  • SASS - ไฟล์ SCSS ไม่รวมอยู่ในเวอร์ชัน Lite v1.0

โครงสร้างไดเร็กทอรี 

 Datta-able/
├── assets/
│   ├── css/
│   │   ├── style.css
│   ├── fonts/
│   │   ├── feather/css/feather.css
│   │   ├── fontawesome/css/fontawesome-all.min.css
│   │   ├── datta/datta-icon.css
│   ├── images/
│   │   ├── user/
│   │   │   ├── avatar-1.jpg
│   │   │   ├── avatar-2.jpg
│   │   │   ├── ...-More
│   │   ├── logo.png
│   │   ├── ...-More
│   ├── js/
│   │   ├── pages/
│   │   │   ├── chart-morris-custom.js
│   │   │   ├── google-maps.js
│   │   ├── vendor-all.min.js
│   │   ├── pcoded.min.js
│   ├── plugins/
│   │   ├── jquery/
│   │   │   ├── js/
│   │   │   │   ├── jquery.min.js
│   │   ├── bootstrap/
│   │   │   ├── css/
│   │   │   │   ├── bootstrap.min.css
│   │   │   ├── js/
│   │   │   │   ├── bootstrap.min.js
│   │   ├── ...-More
├── index.html
├── ...- More

แผนที่ถนน

เรากำลังทำงานอย่างต่อเนื่องในโครงการ Datta Able และจะทำให้เป็นเทมเพลตแดชบอร์ดที่ยอดเยี่ยมผ่านการสนับสนุนของคุณ ให้แนวคิด คำแนะนำในการรวมส่วนประกอบ หน้า ปลั๊กอินเพิ่มเติม มีหน้าเผยแพร่ในอนาคตไม่กี่หน้า

เค้าโครง

  • รุ่นแนวนอน
  • เวอร์ชันรูปภาพแถบด้านข้าง
  • แนะนำเครื่องมือปรับแต่งแบบสด (เช่น สำหรับการสาธิตเท่านั้น)

หน้า

  • ราคา
  • หน้าเข้าสู่ระบบ/ลงทะเบียน เวอร์ชั่น 2
  • โปรไฟล์ผู้ใช้
  • หน้าการบำรุงรักษา เช่น 404 หน้าแสดงข้อผิดพลาด จะมาเร็วๆ นี้

ส่วนประกอบพื้นฐานและขั้นสูง

  • การแจ้งเตือน การ์ด ความคืบหน้า Modal
  • Datepicker, การแจ้งเตือน, สไลเดอร์

หน้าทั้งหมดที่กล่าวมาข้างต้นรวมอยู่ในเวอร์ชัน Pro แล้ว เราต้องการการสนับสนุนจากคุณเพื่อรวมหน้าเหล่านั้นไว้ในเวอร์ชัน Lite ด้วย

ผู้เขียน

การออกแบบและโค้ดเขียนขึ้นโดยทีมออกแบบและพัฒนาของ CodedThemes เรามีความยินดีที่จะต้อนรับผู้ร่วมให้ข้อมูลทำงานในที่เก็บข้อมูลทั้งหมดของเรา

ปัญหา

โปรดสร้างปัญหา Github หากคุณพบข้อบกพร่องในเวอร์ชันใดๆ เราพยายามที่จะตอบสนองต่อการแก้ไขปัญหา

ใบอนุญาต

  • การออกแบบและรหัสเป็นลิขสิทธิ์© CodedThemes
  • ความคุ้มครองที่ได้รับใบอนุญาตภายใต้ MIT

สินค้าแดชบอร์ดอื่นๆ

  • เทมเพลตผู้ดูแลระบบ Bootstrap 5 ฟรี
  • เทมเพลตแดชบอร์ด React ฟรี
  • เทมเพลตแดชบอร์ดเชิงมุมฟรี
  • Bootstrap ระดับพรีเมียมและเทมเพลตผู้ดูแลระบบเชิงมุม

โปรไฟล์โซเชียล

  • Dribbble https://dribbble.com/codedthemes
  • Behance https://www.behance.net/codedthemes
  • เฟสบุ๊ค https://www.facebook.com/codedthemes
  • ทวิตเตอร์ https://twitter.com/codedthemes
  • อินสตาแกรม https://www.instagram.com/codedthemes/
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด