ອອກແບບເວັບໄຊ
ດ້ວຍ Template ຄຸນນະພາບ

EduFlow Admin Template

EduFlow ແມ່ນແມ່ແບບ Admin Dashboard ທີ່ທັນສະໄໝ ສ້າງຂຶ້ນສະເພາະສຳລັບ ລະບົບການຮຽນຮູ້ອອນລາຍ (LMS), ສະຖາບັນ e-learning ແລະ ແພລັດຟອມຫຼັກສູດອອນລາຍ. ສ້າງດ້ວຍ Bootstrap 5 ບວກກັບ SCSS architecture ທີ່ສະອາດ ແລະ ຮອງຮັບ Light/Dark mode ທັງສອງ — EduFlow ໃຫ້ທ່ານທຸກຢ່າງທີ່ຕ້ອງການ ເພື່ອຈັດການ ຫຼັກສູດ, ນັກຮຽນ, ຜູ້ສອນ ແລະ ລາຍຮັບ ໃນທີ່ດຽວ.✨ ເປັນຫຍັງຈຶ່ງຄວນເລືອກ EduFlow?ບໍ່ຄືກັບ Admin template ທົ່ວໄປ, EduFlow ສ້າງຂຶ້ນໂດຍເນັ້ນໃສ່ ຂະບວນການເຮັດວຽກຂອງທຸລະກິດ e-learning ໂດຍສະເພາະ — ການສ້າງຫຼັກສູດ, ການຕິດຕາມຄວາມຄືບໜ້ານັກຮຽນ, ການກວດວຽກ, ການຈ່າຍເງິນຜູ້ສອນ ແລະ ການຈັດຕາຕະລາງຮຽນສົດ. ທຸກໜ້າ ແລະ Component ອອກແບບດ້ວຍ ການນຳໃຊ້ LMS ເປັນຫຼັກ ບໍ່ແມ່ນຕໍ່ຍອດມາທີຫຼັງ.🚀 ຄຸນສົມບັດຫຼັກ15 ໜ້າ HTML ສຳເລັດຮູບ — ທຸກໜ້າສ້າງຂຶ້ນສະເພາະສຳລັບ LMS/e-learningLight & Dark Mode — ສະຫຼັບໄດ້ໃນ 1 ຄລິກ, ບັນທຶກຄ່າໄວ້ໃນ browser ອັດຕະໂນມັດ ແລະ ຮອງຮັບການຕັ້ງຄ່າຂອງລະບົບBootstrap 5 + SCSS — ໂຄດສະອາດ, ໂຄງສ້າງ Sass ເປັນລະບຽບ; ການປ່ຽນ Theme (re-theme) ໃຊ້ເວລາພຽງສອງສາມນາທີComponent Course Card — ຮູບ thumbnail, ໝວດໝູ່, ຊື່ຜູ້ສອນ, ດາວ rating, ລາຄາ ແລະ badge ສະຖານະProgress Ring ວົງກົມ SVG — ສະແດງ % ຄວາມຄືບໜ້າ ໂດຍບໍ່ຕ້ອງໃຊ້ JavaScript ເພີ່ມເຕີມCurriculum Builder — ບັນນາທິການ Section/Lesson ທີ່ຫຍຸບໄດ້ ມີວິດີໂອ, ການອ່ານ, quiz ແລະ ສະຖານະ lockChart.js ຮອງຮັບ Theme — ກຣາຟ enrollment, ໝວດໝູ່ ແລະ ລາຍຮັບ; ທຸກຢ່າງອັບເດດສີອັດຕະໂນມັດ ເມື່ອສະຫຼັບ dark/light modeSidebar ຫຍຸບໄດ້ — ເປັນ icon-only ໃນ desktop ແລະ ເປັນ drawer ເລື່ອນອອກໃນ mobileResponsive ທຸກຂະໜາດ — ໃຊ້ງານໄດ້ດີທັງໃນ desktop, tablet ແລະ ມືຖືບໍ່ໃຊ້ jQuery — ຂຽນດ້ວຍ Vanilla JavaScript ທັງໝົດ ເຮັດໃຫ້ໂຫຼດໄວກວ່າຄູ່ມືນຳໃຊ້ຄົບຖ້ວນ — ຄູ່ມື HTML ພາສາລາວ ອະທິບາຍທຸກ component ພ້ອມ code ຕົວຢ່າງ📄 ໜ້າຕ່າງໆທີ່ລວມຢູ່ໜ້າຫຼັກ (Dashboard) — ສະຖິຕິ, ກຣາຟ enrollment, ຫຼັກສູດຍອດນິຍົມ ແລະ progress ring ອັດຕາການຮຽນສຳເລັດຫຼັກສູດ — grid ຫຼັກສູດ ພ້ອມດ້ວຍ filter ໝວດໝູ່ ແລະ ສະຖານະສ້າງຫຼັກສູດ — ສ້າງ Curriculum ມີ Section/Lesson, ລາຄາ ແລະ visibilityວຽກ & ແບບທົດສອບ — ຄຸ້ມຄອງການສົ່ງວຽກ ພ້ອມ workflow ການກວດຕາຕະລາງຮຽນສົດ — ຕາຕະລາງ grid ແບບເດືອນ ມີ live class, ກຳນົດການ ແລະ ເວລາໃຫ້ຄຳປຶກສານັກຮຽນ — ຕາຕະລາງນັກຮຽນ ພ້ອມ progress bar inlineໂປຣໄຟລ໌ນັກຮຽນ — progress ring, tab ຫຼັກສູດທີ່ລົງທະບຽນ, ບັນທຶກກິດຈະກຳ ແລະ ຄະແນນຜູ້ສອນ — grid ຜູ້ສອນ ພ້ອມສະແດງລາຍຮັບ ແລະ ratingລາຍຮັບ & ການຈ່າຍເງິນ — ກຣາຟ revenue, ຜູ້ສອນທີ່ມີລາຍຮັບສູງ ແລະ ປະຫວັດ payoutຄຳຕິຊົມ — ລະອຽດ rating ແລະ ຟີດ review ພ້ອມ respond flow ສຳລັບການຕອບກັບການຕັ້ງຄ່າ — tab ການຕັ້ງຄ່າ: ໂປຣໄຟລ໌, ຄວາມປອດໄພ, ການແຈ້ງເຕືອນ, ແລະ ວິທີ payoutເຂົ້າສູ່ລະບົບ / ລົງທະບຽນ / ລືມລະຫັດຜ່ານ — ໜ້າ auth ພ້ອມ visual panel ດ້ານຂ້າງໜ້າ 404 (ບໍ່ພົບໜ້າ)🎨 ຈຸດເດັ່ນດ້ານການອອກແບບສີຫຼັກ: Teal (#0D9488) — ສົດໃສ, ທັນສະໄໝ, ສື່ເຖິງການຮຽນຮູ້ ແລະ ການເຕີບໂຕສີ Accent: Amber (#F59E0B) — ໃຊ້ສຳລັບໃບຢັ້ງຢືນ (certificates) ແລະ achievement elements ຕ່າງໆໂຕໜັງສື: Noto Sans Lao / Plus Jakarta Sans (ຂໍ້ຄວາມ) + Sora (ຫົວຂໍ້) — ອ່ານງ່າຍ ທຸກຂະໜາດໜ້າຈໍລະບົບ elevation ສະເພາະຕົວ — ໃຊ້ເງົາ (shadow) ນຸ່ມໆແທນ border ໜັກໆ ເພື່ອໃຫ້ຄວາມຮູ້ສຶກພຣີມຽມMicro-animation ທີ່ລື່ນໄຫຼໃນ card, sidebar ແລະ ຕອນປ່ຽນ theme🛠 ສຳລັບນັກພັດທະນາໄຟລ໌ SCSS ຕົ້ນສະບັບ ຄົບຖ້ວນ — ຈັດລະບຽບເປັນ abstracts, base, layout ແລະ componentsCSS custom properties ຂັບເຄື່ອນລະບົບ theme — component ໃໝ່ຮອງຮັບ dark mode ໂດຍອັດຕະໂນມັດລະບົບ partial ທີ່ໃຊ້ງານງ່າຍ (Node.js ທາງເລືອກ) — ເພີ່ມໜ້າໃໝ່ໄດ້ ພາຍໃນເວລາພຽງສອງສາມນາທີຄູ່ມື HTML — ອະທິບາຍທຸກ component ພ້ອມ code ຕົວຢ່າງຊັດເຈນ📦 ສິ່ງທີ່ຢູ່ໃນ Package15 ໜ້າ HTML ສຳເລັດຮູບ (ພ້ອມໃຊ້ທັນທີ ບໍ່ຕ້ອງ compile)CSS ທີ່ compile ແລ້ວ (ທັງແບບ expanded ແລະ minified)ໄຟລ໌ SCSS ຕົ້ນສະບັບVanilla JavaScript (theme, sidebar, charts, curriculum accordion)ຄູ່ມືນຳໃຊ້ HTML ພາສາລາວ (docs/index.html)README & LICENSE🔧 ຄວາມຕ້ອງການBrowser ທັນສະໄໝ (Chrome, Firefox, Safari, Edge)ຄວາມຮູ້ HTML/CSS ພື້ນຖານ ສຳລັບການປັບແຕ່ງ (customize)Node.js + npm (ທາງເລືອກ — ຕ້ອງການສະເພາະຖ້າຢາກ compile SCSS ໃໝ່)ການເຊື່ອມຕໍ່ອິນເຕີເນັດ ສຳລັບ Google Fonts ແລະ CDN assets (Chart.js, Bootstrap Icons)📋 CreditsBootstrap 5 — MIT LicenseBootstrap Icons — MIT LicenseChart.js — MIT LicenseNoto Sans Lao, Plus Jakarta Sans & Sora (Google Fonts) — Open Font Licenseຮູບ demo: Unsplash (ໃຊ້ໄດ້ຟຣີ) + Pravatar.cc (avatar ສາທິດ)ໝາຍເຫດ: ຮູບ demo ໃຊ້ສຳລັບ preview ເທົ່ານັ້ນ ແລະ ດຶງຈາກ CDN URL ພາຍນອກ. ກ່ອນນຳໄປ deploy ໃຊ້ງານຈິງ ໃຫ້ປ່ຽນເປັນຮູບຂອງທ່ານເອງ.