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

การตอบสนองแดชบอร์ดของวัสดุ Tailwind

Material Tailwind Dashboard React เป็นเทมเพลตผู้ดูแลระบบ Material Tailwind ฟรีใหม่ล่าสุดของเรา ซึ่งใช้ Tailwind CSS และ React หากคุณเป็นนักพัฒนาที่ต้องการสร้างแดชบอร์ดผู้ดูแลระบบที่เป็นมิตรต่อนักพัฒนา เต็มไปด้วยคุณสมบัติ และปรับแต่งได้สูง นี่คือคู่ของคุณ แดชบอร์ด Material Tailwind, Tailwind CSS และ React ที่เป็นนวัตกรรมใหม่ของเรามาพร้อมกับการออกแบบที่สวยงามซึ่งได้รับแรงบันดาลใจจากดีไซน์ Material ของ Google และจะช่วยให้คุณสร้างเว็บไซต์และเว็บแอปที่น่าทึ่งเพื่อสร้างความพึงพอใจให้กับลูกค้า

องค์ประกอบที่เข้ารหัสอย่างสมบูรณ์

Material Tailwind Dashboard React สร้างขึ้นด้วยองค์ประกอบส่วนหน้ามากกว่า 40 องค์ประกอบที่มาจาก @material-tailwind/react เช่น ปุ่ม อินพุต แถบนำทาง แท็บนำทาง การ์ด หรือการแจ้งเตือน ทำให้คุณเลือกและรวมได้อย่างอิสระ ส่วนประกอบทั้งหมดอาจมีสีที่หลากหลาย ซึ่งคุณสามารถแก้ไขได้โดยใช้อุปกรณ์ประกอบฉากและชื่อคลาส css ของ tailwind คุณจะประหยัดเวลาได้มากตั้งแต่การสร้างต้นแบบไปจนถึงโค้ดที่ใช้งานได้เต็มรูปแบบ เนื่องจากมีการนำองค์ประกอบทั้งหมดมาใช้

Material Tailwind, Tailwind CSS และ React Dashboard ฟรีนี้มาพร้อมกับบล็อกการออกแบบที่สร้างไว้ล่วงหน้า ดังนั้นกระบวนการพัฒนาจึงราบรื่น การเปลี่ยนจากหน้าเว็บของเราไปยังเว็บไซต์จริงทำได้ง่ายมาก

ดูส่วนประกอบทั้งหมดได้ที่นี่

เอกสารที่สร้างโดยนักพัฒนา

แต่ละองค์ประกอบมีการนำเสนออย่างดีในเอกสารที่ซับซ้อนมาก

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับเอกสารได้ที่นี่

หน้าตัวอย่าง

หากคุณต้องการได้รับแรงบันดาลใจหรือเพียงแสดงบางอย่างให้กับลูกค้าของคุณโดยตรง คุณสามารถเริ่มต้นการพัฒนาของคุณด้วยหน้าตัวอย่างที่สร้างไว้ล่วงหน้าของเรา คุณจะสามารถตั้งค่าโครงสร้างพื้นฐานสำหรับโครงการเว็บของคุณได้อย่างรวดเร็ว

ดูหน้าตัวอย่างได้ที่นี่

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

  • ดูพื้นที่เก็บข้อมูล Github
  • ตรวจสอบหน้าคำถามที่พบบ่อย

ขอขอบคุณเป็นพิเศษ

ในระหว่างการพัฒนาแดชบอร์ดนี้ เราได้ใช้ทรัพยากรที่มีอยู่มากมายจากนักพัฒนาที่ยอดเยี่ยม เราอยากจะขอบคุณพวกเขาที่มอบเครื่องมือโอเพ่นซอร์ส:

  • Material Tailwind - Material Tailwind เป็นไลบรารีส่วนประกอบที่ใช้งานง่ายสำหรับ Tailwind CSS และ Material Design
  • ไอคอนฮีโร่ - ไอคอน SVG ที่สร้างขึ้นด้วยมือที่สวยงาม
  • Apex Charts - แผนภูมิโอเพ่นซอร์สที่ทันสมัยและโต้ตอบได้
  • Nepcha Analytics สำหรับเครื่องมือวิเคราะห์ Nepcha ได้รวมเข้ากับ Material Tailwind Dashboard React แล้ว คุณสามารถใช้เพื่อรับข้อมูลเชิงลึกเกี่ยวกับแหล่งที่มาของการเข้าชมของคุณได้

แจ้งให้เราทราบความคิดของคุณด้านล่าง และขอให้โชคดีกับการพัฒนา!

สารบัญ

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

รุ่นต่างๆ

คำสั่งเทอร์มินัล

  1. ดาวน์โหลดและติดตั้งเวอร์ชัน NodeJs LTS จากหน้าอย่างเป็นทางการของ NodeJs
  2. นำทางไปยังไดเร็กทอรี root ./ ของผลิตภัณฑ์แล้วรัน npm install หรือ yarn install หรือ pnpm install เพื่อติดตั้งการขึ้นต่อกันในเครื่องของเรา

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

เอกสารสำหรับ Material Tailwind Dashboard React โฮสต์อยู่ที่เว็บไซต์ของเรา

มีอะไรบ้าง

ภายในการดาวน์โหลดคุณจะพบไดเร็กทอรีและไฟล์ต่อไปนี้: 

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

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

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

ทรัพยากร

  • ดูตัวอย่างสด
  • หน้าดาวน์โหลด
  • เอกสารอยู่ที่นี่
  • ข้อตกลงใบอนุญาต
  • สนับสนุน
  • ปัญหา: หน้าปัญหา Github
  • Nepcha Analytics - เครื่องมือวิเคราะห์สำหรับเว็บไซต์ของคุณ

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

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

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

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

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

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

  • ลิขสิทธิ์ 2023 Creative Tim
  • ใบอนุญาตครีเอทีฟทิม

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

  • สินค้าเพิ่มเติมจาก Creative Tim

  • บทช่วยสอน

  • ของสมนาคุณจาก Creative Tim

  • โปรแกรมพันธมิตร (สร้างรายได้)

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

ทวิตเตอร์: https://twitter.com/CreativeTim

เฟสบุ๊ค: https://www.facebook.com/CreativeTim

ดริบเบิล: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

อินสตาแกรม: https://instagram.com/creativetimofficial

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