10 เทมเพลตผู้ดูแลระบบ Vuejs ที่ดีที่สุดสำหรับโครงการของคุณ
VueJS ได้รับความนิยมเพิ่มขึ้นอย่างรวดเร็วในหมู่นักพัฒนา และเทมเพลตผู้ดูแลระบบ VueJS เป็นหมวดหมู่ที่ได้รับความนิยมมากที่สุด ดังนั้นเราจึงตัดสินใจที่จะดูตัวเลือกแดชบอร์ดผู้ดูแลระบบ Vue ที่ดีที่สุดฟรี
ในฐานะนักพัฒนาเว็บ คุณต้องการสร้างโปรเจ็กต์ที่มีอินเทอร์เฟซผู้ใช้ที่ยอดเยี่ยมเสมอเพื่อเสริมประสบการณ์ผู้ใช้ โชคดีที่คุณสามารถรับเครื่องมือระดับพรีเมียมฟรีที่ออกแบบมาอย่างพิถีพิถันและมีไว้เพื่อเสริมประสิทธิภาพของเว็บแอป ต้องขอบคุณนักพัฒนาซอฟต์แวร์ที่ชาญฉลาดและชาญฉลาด การเริ่มต้นใช้งานเว็บแอปพลิเคชันนั้นง่ายขึ้น ง่ายขึ้น และสนุกขึ้น!
VueJS เป็นเฟรมเวิร์ก Javascript ที่ได้รับทุนจากชุมชนบน Patreon ในตอนนั้น วันนี้ คุณอาจแปลกใจว่าเฟรมเวิร์กนี้เข้าสู่ตลาดได้อย่างไร และกลายเป็นหนึ่งในเครื่องมือ JavaScript ที่นักพัฒนาเว็บชื่นชอบมากที่สุด
เทมเพลตเหล่านี้มีค่าอย่างแท้จริง และทำให้นักพัฒนาสามารถสร้าง UI ของแบ็กเอนด์ของแอปพลิเคชันได้ง่ายขึ้น หากไม่มีเทมเพลตเหล่านี้ นักพัฒนารายอื่นจะพบว่าเป็นการยากที่จะเริ่มโครงการทันที ด้วยชุดเทมเพลตผู้ดูแลระบบนี้พร้อมกับส่วนประกอบ หน้า และองค์ประกอบที่พร้อมใช้งานที่สร้าง UI สำหรับแดชบอร์ดผู้ดูแลระบบของคุณจะเป็นเรื่องง่าย! มันยังน่าสนใจและมีประโยชน์มากกว่าเมื่อคุณสามารถคว้าเทมเพลต VueJS ที่ยอดเยี่ยมเหล่านี้ได้ฟรี! ใช่ คุณอ่านถูกแล้ว! เทมเพลต VueJS เหล่านี้ที่เรารวบรวมนั้นฟรีและใช้งานง่าย!
เข้ามาดูและดูว่าเทมเพลตผู้ดูแลระบบ VueJS ใดที่คุณควรคว้าสำหรับโครงการที่จะเกิดขึ้นของคุณ
1. ผู้ดูแลระบบ iView
เทมเพลตระบบการจัดการผู้ดูแลระบบ Vue.js 2.0 ที่ใช้ iView
iView Admin เป็นโซลูชันการรวมพื้นหลังการจัดการส่วนหน้า มันใช้ Vue.js และใช้ UI Toolkit iView
คุณสมบัติ
- เข้าสู่ระบบ / ออกจากระบบ
- การตรวจสอบสิทธิ์
- i18n
- ส่วนประกอบ
- รูปร่าง
- ตาราง
- หน้าแสดงข้อผิดพลาด
- เราเตอร์
- ธีม
- ย่อแถบด้านข้าง
- การนำทางแท็ก
- การนำทางเบรดครัมบ์
- เต็มหน้าจอ / ออกจากโหมดเต็มหน้าจอ
- ล็อกหน้าจอ
- ศูนย์ข้อความ
- ศูนย์ส่วนบุคคล
ดูการสาธิต: https://admin.iviewui.com/
เพิ่มอีเมล att.net ไปที่ iphone
ดาวน์โหลด: https://github.com/iview/iview-admin/archive/master.zip
2. ผู้ดูแลระบบ
เรากำลังทำงานกับไลบรารีคอมโพเนนต์ Vuestic UI ซึ่งช่วยให้คุณปรับแต่งส่วนประกอบตามการออกแบบของคุณเองได้อย่างง่ายดาย
รับสิทธิ์เข้าถึงก่อนใครและรับการสนับสนุนจากทีมหลัก!
คุณสมบัติ
ตัวอย่างสัญญาอัจฉริยะ erc20
- เลย์เอาต์ที่ตอบสนอง
- แผนภูมิ (Chart.js)
- แถบความคืบหน้า
- แบบฟอร์ม
- เลือก
- เครื่องมือเลือกวันที่
- ช่องทำเครื่องหมายและวิทยุ
- ตารางคงที่และตารางข้อมูล
- บรรณาธิการสื่อ
- การพิมพ์ที่ราบรื่น
- ปุ่ม
- ยุบ
- เครื่องมือเลือกสี
- ไทม์ไลน์
- ขนมปังปิ้ง
- เคล็ดลับเครื่องมือ
- ป๊อปโอเวอร์
- ไอคอน
- นักปั่น
- เป็นกิริยาช่วย
- อัปโหลดไฟล์
- ชิป
- ต้นไม้
- การ์ด
- การให้คะแนน
- ตัวเลื่อน
- แชท
- แผนที่ (Google, Yandex, Leaflet, amMap)
- เทมเพลตหน้าเข้าสู่ระบบ/ลงทะเบียน
- เทมเพลต 404 หน้า
- i18n
การสาธิต: https://vuestic.epicmax.co/
ดาวน์โหลด: https://github.com/epicmaxco/vuetic-admin/archive/master.zip
3. vue-material-admin
เทมเพลตผู้ดูแลระบบ Vue Material เป็นเทมเพลตผู้ดูแลระบบการออกแบบวัสดุ Vue และใช้ Vuetifyjs เป็นเฟรมเวิร์กพื้นฐาน Vuetify นั้นยอดเยี่ยม
แผนและคุณสมบัติ
- จะสร้างเทมเพลตใหม่โดย vue-cli 3.x
- จะลบโค้ดที่ไร้ประโยชน์บางส่วนออกเนื่องจากการอัพเดตเฟรมเวิร์ก vuetify
- อาจเพิ่มการรองรับ vue-nuxt
- อาจเพิ่มการรองรับ vuex และโค้ดตัวอย่าง
- จะทำการ refactor โค้ดทั้งหมดใหม่
การสาธิต: http://vma.isocked.com/#/dashboard
ดาวน์โหลด: https://github.com/tookit/vue-material-admin/archive/master.zip
สี่. CoreUI ฟรี Vue Bootstrap
นี่ไม่ใช่แค่เทมเพลตผู้ดูแลระบบอื่น มันไปไกลกว่าเทมเพลตผู้ดูแลระบบจนถึงตอนนี้ต้องขอบคุณ:
- สไตล์ที่ยอดเยี่ยมที่จัดส่งโดย CoreUI ไลบรารี css ที่เข้ากันได้กับ bootstrap
- ไลบรารีส่วนประกอบเฉพาะ
- ไลบรารีเครื่องมือ vue เฉพาะ (coreui-vue-chartjs, coreui-icons-vue),
- ไอคอน svg ฟรีมากกว่า 500 รายการสอดคล้องกับสไตล์ของเรา
- รหัสโปร่งใสและโครงสร้างไฟล์
- ความเป็นไปได้ของการขยายเป็นรุ่นโปรซึ่งให้มากยิ่งขึ้น!
CoreUI มีไว้เพื่อเป็นตัวเปลี่ยนเกม UX โค้ดที่โปร่งใสและบริสุทธิ์ไม่มีส่วนประกอบที่ซ้ำซ้อน ดังนั้นแอปจึงเบาพอที่จะมอบประสบการณ์ผู้ใช้ขั้นสูงสุด ซึ่งหมายความว่าอุปกรณ์เคลื่อนที่ด้วย ซึ่งการนำทางทำได้ง่ายและใช้งานง่ายเหมือนบนเดสก์ท็อปหรือแล็ปท็อป CoreUI Layout API ให้คุณปรับแต่งโปรเจ็กต์ของคุณสำหรับอุปกรณ์เกือบทุกชนิด ไม่ว่าจะเป็นมือถือ เว็บ หรือ WebApp – CoreUI ครอบคลุมทั้งหมด!
ดาวน์โหลด: https://github.com/coreui/coreui-free-vue-admin-template/archive/v3-next.zip
5. vue-typescript-admin-template
vue-typescript-admin-template เป็นโซลูชันฟรอนต์เอนด์ที่พร้อมใช้งานจริงสำหรับอินเทอร์เฟซผู้ดูแลระบบที่ใช้ vue, typescript และ UI Toolkit element-ui
คุณสมบัติ
- เข้าสู่ระบบ / ออกจากระบบ
- การตรวจสอบสิทธิ์
- การสร้างหลายสภาพแวดล้อม
- คุณสมบัติระดับโลก
- ส่วนประกอบ
- ตาราง
- Excel
- Zip
- ไฟล์ PDF
- แผงควบคุม
- หน้าคู่มือ
- หน้าตัวอย่างขั้นสูง
- บันทึกข้อผิดพลาด
- หน้าแสดงข้อผิดพลาด
การสาธิต: https://armour.github.io/vue-typescript-admin-template
ดาวน์โหลด: https://github.com/Armour/vue-typescript-admin-template/archive/master.zip
6. vue-antd-admin
โซลูชันส่วนหน้า / การออกแบบแบ็คเอนด์นอกกรอบ (ส่วนใหญ่อาศัยไลบรารีส่วนประกอบ ant-design-vue ）
วิธีสร้างฟอร์ม html ที่เก็บข้อมูลในฐานข้อมูล mysql
การสาธิต: https://iczer.gitee.io/vue-antd-pro
ดาวน์โหลด: https://github.com/iczer/vue-antd-admin/archive/master.zip
7. vue-velocity
โครงการนี้สร้างด้วยแพ็คเกจอื่น ๆ ที่ใช้ Vuejs, Vue-cli และ TailwindCss:
- postcss, postcss-import, purgecss (สำหรับการผลิตเท่านั้นมีประโยชน์ในการลดขนาดไฟล์ tailwindcss css);
- vue-เราเตอร์;
- เว็กซ์ ;
- vue-chartjs (และ chartjs ofc);
- vue2-leaflet (และแผ่นพับ ofc);
- แยกประเภทได้
การสาธิต: https://pensive-clarke-f6ea25.netlify.com/
ดาวน์โหลด: https://github.com/atcha/vue-velocity/archive/master.zip
หาซื้อ safemars ได้ที่ไหนบ้าง
8. admin-one-laravel-แดชบอร์ด
Admin One Laravel Dashboard (SPA) เป็นแดชบอร์ดผู้ดูแลระบบ Laravel ที่เรียบง่ายแต่สวยงาม
- สร้างขึ้นสำหรับ Laravel 5.8+ และ 6.0+
- นั่งร้านรับรองความถูกต้องอย่างมีสไตล์
- การจัดการโปรไฟล์และอวาตาร์ด้วยแบ็คเอนด์
- ตัวอย่าง CRUD ของทรัพยากรแบบเต็ม (พร้อมส่วนหน้าและส่วนหลัง)
- ฟรีภายใต้ใบอนุญาต MIT
- SPA — แอพหน้าเดียว
- สร้างด้วย Vue.js, Bulma & Buefy
- แหล่ง SCSS พร้อมตัวแปร
- ส่วนประกอบที่กำหนดเองมากกว่า 17 รายการ
- มีรุ่นพรีเมี่ยม
เวอร์ชัน VueCLI
เวอร์ชัน VueCLI 3.6 มีจำหน่ายที่ https://github.com/vikdiesel/admin-one-vue-bulma-dashboard
ข้อมูลเพิ่มเติมเกี่ยวกับ Admin One Dashboard เวอร์ชันฟรีและพรีเมียม: https://justboil.me/bulma-admin-template/one
การสาธิต: https://admin-one-laravel-free.justboil.me/
ดาวน์โหลด: https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/archive/master.zip
9. Shards Dashboard Vue
ชุดเทมเพลตแดชบอร์ดผู้ดูแลระบบ Vue ฟรีที่มีระบบการออกแบบที่ทันสมัยและเทมเพลตและส่วนประกอบที่กำหนดเองจำนวนมาก
โครงสร้างโครงการ
- เทมเพลตทั้งหมดอยู่ภายใน src/views และส่วนใหญ่มีอยู่ในตัวเอง
- มีการกำหนดเลย์เอาต์เดียว (ค่าเริ่มต้น) ภายใน src/layouts อย่างไรก็ตาม โครงสร้างปัจจุบันมีวิธีง่ายๆ ในการขยายชุด UI
- ไดเร็กทอรี src/components โฮสต์ส่วนประกอบย่อยเฉพาะเทมเพลตทั้งหมดในไดเร็กทอรีย่อยของตนเอง
- ส่วนประกอบเกือบทั้งหมดมีรูปแบบที่แยกจากกันใน SFC อย่างไรก็ตาม สไตล์สากลบางรูปแบบยังอยู่ใน src/asset/scss ถัดจากสไตล์พื้นฐานของ Shards Dashboard Lite
- ไดเร็กทอรี src/utils มียูทิลิตี Chart.js ทั่วไป
การสาธิต: https://designrevision.com/demo/shards-dashboard-lite-vue
10. sing-app-vue-dashboard
แดชบอร์ดนี้เป็นเวอร์ชันเล็กของ Sing App Vue Full มีส่วนประกอบที่พร้อมใช้งานทั้งหมดที่อยู่ในเวอร์ชันเต็ม มันถูกสร้างขึ้นที่ด้านบนของ vue-cli-3 ดังนั้นจึงได้รับการสนับสนุนอย่างดีบนเว็บ คุณสามารถปรับแต่งเทมเพลตได้ง่ายๆ ด้วยการเปลี่ยนตัวแปร SCSS ช่องว่างภายในและสีทั้งหมดอยู่ในไฟล์ _variables.scss
การใช้เทมเพลตนี้ คุณจะสามารถใช้ประโยชน์จากส่วนประกอบในตัวจำนวนมาก และเน้นไปที่การสร้างคุณสมบัติที่ทำให้คุณแตกต่างจากคู่แข่ง แทนที่จะสร้างทุกอย่างตั้งแต่เริ่มต้น แอพ Sing-app รุ่น Lite มีคุณสมบัติและหน้าต่อไปนี้:
- Bootstrap 4+ & SCSS
- เลย์เอาต์ที่ตอบสนอง
- เข้าสู่ระบบ / ออกจากระบบง่าย ๆ
- ส่วนประกอบ Bootstrap ที่มีสไตล์ เช่น ปุ่ม โมดอล ฯลฯ
การสาธิต: https://flatlogic.com/templates/sing-app-vue-dashboard/demo
ดาวน์โหลด: https://github.com/woai3c/vue-admin-template/archive/master.zip
วิธีซื้อโซ่โจรสลัด
#vuejs #javascript # vue-js
ดูสิ่งนี้ด้วย:
- จะซื้อประกันการเงินได้อย่างไรและที่ไหน (INFI) – คำแนะนำทีละขั้นตอนง่าย ๆ
- พิมพ์ความเร็วโปรแกรม Java - คำนวณ WPM (คำต่อนาที)
- เรียนรู้ปฏิกิริยาโดยการสร้างแอปพลิเคชันอีคอมเมิร์ซด้วยส่วนประกอบคลาส
- สถิติแบบเบย์: เมโทรโพลิส-เฮสติงส์ตั้งแต่เริ่มต้นใน Python
- มาสร้างแอป MongoDB, React, Node และ Express (MERN) แบบเต็มสแต็กกันเถอะ