پنل مدیریت جایی است که کاربر شما هر روز ساعت‌ها در آن کار می‌کند؛ جدول، فرم، نمودار، فیلتر و صفحه‌ی تنظیمات. برخلاف سایت فروشگاهی که اول باید زیبا باشد، در داشبورد ادمین «کامل بودن» مهم‌تر است. هر کامپوننتی که در قالب نباشد، برنامه‌نویس باید خودش بسازد و راست‌چینش کند. برای همین در این مقاله روی چیزهایی تمرکز کرده‌ایم که در عمل زمان توسعه را کم می‌کنند.
همه‌ی قالب‌های زیر دموی سالم دارند و قیمت‌ها قیمت امروز سایت است. فهرست کامل در دسته‌ی قالب مدیریت HTML است.
معیارهای انتخاب قالب ادمین
تعداد و نوع صفحات آماده
یک پنل جدی معمولاً به صفحه‌ی ورود و ثبت‌نام، فراموشی رمز، پروفایل، جدول داده با جستجو و صفحه‌بندی، فرم‌های چندمرحله‌ای، فاکتور و صفحه‌ی خطا نیاز دارد. عدد «۱۲۰ صفحه» به‌تنهایی مهم نیست؛ ببینید این صفحه‌ها کدام‌اند.
نسخه‌ی تیره
کاربرانی که طولانی با پنل کار می‌کنند معمولاً حالت تیره را می‌خواهند. اضافه کردن دارک‌مود بعداً کار ساده‌ای نیست، پس اگر لازم دارید از اول قالبی بگیرید که دارد.
فریم‌ورک CSS
بیشتر قالب‌ها بوت‌استرپی‌اند؛ چند قالب مثل Midone روی Tailwind ساخته شده‌اند. اگر تیم شما با یکی از این دو راحت‌تر است، همین معیار انتخاب را ساده می‌کند.
تقویم و تاریخ شمسی
برای پروژه‌ی ایرانی تقریباً همیشه تقویم جلالی لازم است. در دمو، datepicker را باز کنید و ببینید شمسی است یا باید جایگزینش کنید.
چارت‌ها و جدول‌ها
کتابخانه‌ی نمودار (مثل ApexCharts یا Chart.js) و جدول (مثل DataTables) را در دمو امتحان کنید؛ اعداد فارسی و جهت محور‌ها در حالت راست‌چین مهم است.
معرفی قالب‌ها
Frest
پرفروش‌ترین پنل مدیریت سایت؛ تعداد صفحه‌ی آماده‌ی زیاد و نسخه‌ی تیره دارد و برای پروژه‌های متوسط تا بزرگ انتخاب امنی است.
بیش از ۱۲۰ صفحه و شش چیدمان دارد، با حالت تیره و روشن و منوی عمودی یا افقی. داشبوردهای فروشگاهی و تحلیلی آماده است و اپ‌های ایمیل، چت، کانبان، تقویم، فاکتور و مدیریت نقش‌ها و دسترسی‌ها را هم دارد. طبق صفحه‌ی محصول، ۲۰ فونت فارسی همراهش است و روی بوت‌استرپ ۵ ساخته شده.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 120 صفحه‌ی آماده، نسخه‌ی تیره، راست‌چین
- قیمت امروز: ۵۹۹٬۰۰۰ تومان (به‌جای ۸۲۵٬۰۰۰، ۲۷٪ تخفیف)
- لینک: مشاهده و دموی Frest
Vuexy
از شناخته‌شده‌ترین داشبوردهای بازار جهانی، با بیشترین تعداد صفحه در این فهرست؛ برای پروژه‌هایی که کامپوننت زیاد لازم دارند.
طبق صفحه‌ی محصول در راست‌چین، بیش از ۱۵۰ صفحه دارد و علاوه بر HTML، نسخه‌هایی برای لاراول، جنگو و ASP.NET در بسته هست؛ برای تیمی که بک‌اند را با یکی از این‌ها می‌نویسد، وقت اتصال را کم می‌کند. دموی آنلاین هنگام بررسی ما در دسترس نبود؛ قبل از خرید دوباره امتحان کنید.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 150 صفحه‌ی آماده، نسخه‌ی تیره، نسخه‌ی Vue، راست‌چین
- قیمت امروز: ۵۹۹٬۰۰۰ تومان (به‌جای ۷۹۹٬۰۰۰، ۲۵٪ تخفیف)
- لینک: مشاهده و دموی Vuexy
Convex
گزینه‌ی اقتصادی‌تر با تعداد صفحه‌ی قابل‌قبول؛ برای پنل‌های داخلی و پروژه‌های کم‌بودجه.
روی بوت‌استرپ ۴ ساخته شده و پنج دمو با حدود ۷۵ صفحه دارد. اپ‌های چت، تسک‌بورد، تقویم، فاکتور و صفحه‌ی قفل صفحه‌نمایش آماده است. ارزان‌ترین گزینه‌ی این فهرست است و برای پنل‌های ساده‌ی داخلی کافی است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 75 صفحه‌ی آماده، راست‌چین
- قیمت امروز: ۳۹۷٬۰۰۰ تومان (به‌جای ۵۳۹٬۰۰۰، ۲۶٪ تخفیف)
- لینک: مشاهده و دموی Convex
Nextable
داشبورد با نسخه‌ی تیره و حدود ۸۰ صفحه؛ تعادل خوب بین قیمت و امکانات.
حدود ۷۷ صفحه، سه داشبورد متفاوت و حالت تیره دارد، روی بوت‌استرپ ۴. اگر چند نوع داشبورد (مثلاً فروش و تحلیل) لازم دارید ولی به اپ‌های جانبی زیاد احتیاج ندارید، حجم مناسبی است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 77 صفحه‌ی آماده، نسخه‌ی تیره، راست‌چین
- قیمت امروز: ۴۶۹٬۰۰۰ تومان (به‌جای ۶۲۷٬۰۰۰، ۲۵٪ تخفیف)
- لینک: مشاهده و دموی Nextable
Midone
داشبورد مبتنی بر Tailwind؛ برای تیم‌هایی که Tailwind کار می‌کنند.
تنها گزینه‌ی این فهرست که با Tailwind ساخته شده است. بیش از ۱۵۰ صفحه دارد و سه پوسته‌ی ظاهری (Rubick، Icewall و Tinker) که هر کدام نسخه‌ی تیره و روشن دارند، به‌علاوه‌ی سه نوع منو. اگر تیم شما با Tailwind کار می‌کند، شخصی‌سازی‌اش از قالب‌های بوت‌استرپی راحت‌تر است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 150 صفحه‌ی آماده، نسخه‌ی تیره، فایل‌های SASS، Tailwind، راست‌چین
- قیمت امروز: ۴۶۵٬۰۰۰ تومان (به‌جای ۶۲۹٬۰۰۰، ۲۶٪ تخفیف)
- لینک: مشاهده و دموی Midone
Valex
پنل با نسخه‌ی تیره و صفحات متنوع؛ مناسب داشبوردهای فروش و گزارش.
بیش از ۸۰ صفحه دارد، با داشبورد CRM و فروش، صفحه‌های محصول و سبد خرید و فایل منیجر. چیدمان افقی و عمودی و حالت تیره هم دارد. برای پنل مدیریت فروشگاه یا سیستم CRM ساختار آماده‌ای می‌دهد.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 80 صفحه‌ی آماده، نسخه‌ی تیره، راست‌چین
- قیمت امروز: ۵۲۹٬۰۰۰ تومان (به‌جای ۶۹۹٬۰۰۰، ۲۴٪ تخفیف)
- لینک: مشاهده و دموی Valex
Bordash
پنل مدیریتی ساده‌تر با فایل‌های SASS؛ برای شخصی‌سازی رنگ و استایل.
پنج داشبورد آماده دارد (CRM، فروشگاهی، تحلیلی، مدیریت پروژه و پشتیبانی) و اپ‌های چت، صندوق پیام، فایل منیجر، تقویم و لیست کارها. از ۱۰ پوسته‌ی رنگی و تقویم و انتخابگر تاریخ شمسی پشتیبانی می‌کند. همین تقویم شمسی برای پروژه‌ی ایرانی یک قدم بزرگ است. پایه‌ی آن بوت‌استرپ ۴ است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): بوت‌استرپ 4، فایل‌های SASS، راست‌چین
- قیمت امروز: ۴۶۵٬۰۰۰ تومان (به‌جای ۶۳۹٬۰۰۰، ۲۷٪ تخفیف)
- لینک: مشاهده و دموی Bordash
جدول مقایسه
| قالب | ویژگی شاخص | قیمت | مناسب برای |
|---|---|---|---|
| Frest | 120 صفحه‌ی آماده | ۵۹۹٬۰۰۰ | پروژه‌ی متوسط تا بزرگ |
| Vuexy | 150 صفحه‌ی آماده | ۵۹۹٬۰۰۰ | کامپوننت زیاد |
| Convex | 75 صفحه‌ی آماده | ۳۹۷٬۰۰۰ | بودجه‌ی کم |
| Nextable | 77 صفحه‌ی آماده | ۴۶۹٬۰۰۰ | تعادل قیمت/امکانات |
| Midone | 150 صفحه‌ی آماده | ۴۶۵٬۰۰۰ | تیم Tailwind |
| Valex | 80 صفحه‌ی آماده | ۵۲۹٬۰۰۰ | داشبورد گزارش |
| Bordash | بوت‌استرپ 4 | ۴۶۵٬۰۰۰ | شخصی‌سازی استایل |
پنل HTML را چطور به بک‌اند وصل کنیم؟
قالب ادمین HTML فقط ظاهر است؛ داده باید از بک‌اند شما (لاراول، جنگو، Node یا هر چیز دیگر) بیاید. روش معمول این است که layout اصلی (سایدبار، هدر، فوتر) را به قالب پایه‌ی فریم‌ورک تبدیل کنید و بقیه‌ی صفحات را از آن ارث‌بری کنید. جدول‌ها را هم بهتر است از اول به API صفحه‌بندی‌شده وصل کنید تا با زیاد شدن داده کند نشوند. اگر پنل مخصوص یک حوزه می‌خواهید، دسته‌ی قالب ارز دیجیتال و کریپتو HTML و قالب مالی، بانکی و حسابداری HTML چند داشبورد تخصصی دارند.
انتخاب سریع
- بیشترین امکانات و اپ آماده: Frest.
- بک‌اند لاراول، جنگو یا ASP.NET: Vuexy.
- تیم Tailwind: Midone.
- پروژه‌ی ایرانی که تقویم شمسی لازم دارد: Bordash.
- کمترین بودجه برای پنل داخلی ساده: Convex.
چطور دموی پنل را بررسی کنیم؟
صفحه‌ی جدول داده را باز کنید و ببینید جستجو، مرتب‌سازی و صفحه‌بندی در حالت راست‌چین درست کار می‌کند. فرم‌ها را با متن فارسی پر کنید تا جهت placeholder و پیام خطا را ببینید. منو را جمع و باز کنید و پنل را در عرض تبلت ببینید، چون بسیاری از مدیرها پنل را روی تبلت یا گوشی هم باز می‌کنند.
سؤالات متداول
قالب پنل مدیریت رایگان کافی نیست؟
برای تمرین شاید. قالب‌های رایگان معمولاً صفحات کمتر و راست‌چین ناقص دارند و ساعت‌هایی که صرف تکمیلشان می‌شود معمولاً از قیمت قالب بیشتر است.
آیا این قالب‌ها نسخه‌ی React یا Vue دارند؟
بعضی قالب‌های بین‌المللی نسخه‌های جاوااسکریپتی هم دارند، اما بسته‌ی فروخته‌شده را حتماً در صفحه‌ی محصول چک کنید؛ آنچه آنجا آمده ملاک است.
می‌توانم یک قالب را برای چند پروژه استفاده کنم؟
شرایط استفاده در صفحه‌ی هر محصول و قوانین سایت آمده است.
دموی قالب را از کجا ببینم؟
در صفحه‌ی هر محصول دکمه‌ی پیش‌نمایش زنده هست و می‌توانید همه‌ی صفحات را قبل از خرید باز کنید.
