قالب مدیریت BonVue v2.1 یک قالب وب اپلیکیشن محبوب و متنباز است که به طور خاص برای داشبوردهای مدیریتی و پنلهای کنترل طراحی شده است. این قالب با بهرهگیری از چارچوب CSS بوت استرپ ساخته شده و کاملاً واکنشگرا است، به این معنی که به خوبی در اندازههای مختلف صفحه نمایش، از دسکتاپهای بزرگ گرفته تا تبلتها و تلفنهای همراه، نمایش داده میشود. BonVue در طراحی خود از تمامی اجزای بوت استرپ استفاده کرده و بسیاری از پلاگینهای پرکاربرد را به منظور ایجاد یک طراحی یکپارچه برای رابط کاربری برنامههای بکاند، بازطراحی کرده است.
یکی از ویژگیهای برجسته قالب BonVue، طراحی ماژولار آن است که امکان سفارشیسازی و توسعه آسان آن را فراهم میکند. این ساختار به توسعهدهندگان اجازه میدهد تا به راحتی اجزای مختلف را اضافه، حذف یا تغییر دهند و قالبی متناسب با نیازهای خاص پروژه خود ایجاد کنند. BonVue با ارائه هفت پوسته رنگی متنوع، امکان انتخاب ظاهر دلخواه برای پنل مدیریت را به کاربران میدهد. همچنین، این قالب شامل مجموعهای غنی از عناصر رابط کاربری شامل بیش از 500 کامپوننت مختلف و تعداد زیادی ویجتهای کاربردی است که فرآیند ساخت صفحات مدیریتی را تسریع میبخشد.
BonVue v2.1 امکانات متعددی را برای کار با دادهها و جداول ارائه میدهد. قابلیت خروجی گرفتن از جداول داده به فرمتهای مختلف از جمله CSV، اکسل، PDF، کپی و چاپ، مدیریت و به اشتراکگذاری اطلاعات را تسهیل میکند. همچنین، این قالب از یک لایتباکس برای نمایش تصاویر و محتوای چندرسانهای و یک اسلایدر بازه برای انتخاب مقادیر در یک محدوده مشخص پشتیبانی میکند. با بهرهگیری از بوت استرپ 4 و بیش از 1700 آیکون فونت، BonVue ظاهری مدرن و جذاب را ارائه میدهد و صفحات آن به طور کامل واکنشگرا طراحی شدهاند.
در زمینه طراحی و توسعه، BonVue از SCSS برای سازماندهی و تولید CSS استفاده میکند که فرآیند سفارشیسازی استایلها را آسانتر میسازد. این قالب همچنین شامل گزینههای متعدد برای نمایش نمودارها و امکان آپلود چند فایل به طور همزمان است. علاوه بر این، نمونههای متعددی از جداول و فرمهای اعتبارسنجی شده در BonVue گنجانده شده است که به توسعهدهندگان در ساخت بخشهای مختلف برنامه کمک میکند. این قالب با ارائه پلاگینهای آماده به استفاده فراوان، امکان افزودن قابلیتهای پیشرفته به پنل مدیریت را به سادگی فراهم میسازد.
نسخه 2.1 قالب BonVue با افزودن صفحات وبلاگ و رفع برخی از اشکالات نسخه قبلی بهبود یافته است. این بهروزرسانی مشکل مربوط به ناوبری نوار کناری، مشکل ستون پیشفرض در صفحات کوچک و مشکل padding در حالت راست به چپ را برطرف کرده است. همچنین، صفحه تماس بهروزرسانی شده و فایل غیرضروری app-contact-alt.php حذف شده است. با اضافه شدن صفحات وبلاگ شامل صفحه اصلی وبلاگ (app-blog) و صفحه تک نوشته (app-blog-single)، BonVue اکنون امکان مدیریت محتوای وبلاگ را نیز در اختیار کاربران قرار میدهد. رفع یک اشتباه تایپی در فایل SCSS مربوط به کلاسهای کمکی نیز از دیگر بهبودهای این نسخه است. نسخه 2.0 این قالب قابلیت پشتیبانی از راست به چپ (RTL) را نیز اضافه کرده بود که برای زبانهایی مانند فارسی اهمیت دارد.
با سلام و تشکر از انتخاب شما برای دانلود رایگان قالب مدیریت BonVue v2.1 از سرزمین گرافیک. پس از دانلود و خارج کردن فایلهای قالب، شما با یک ساختار منظم از فایلها و پوشهها روبرو خواهید شد. برای شروع کار با این قالب، توصیه میشود ابتدا فایل index.html
را در مرورگر خود باز کنید تا پیشنمایش کاملی از طرح بندی و اجزای مختلف آن را مشاهده نمایید. این پیشنمایش به شما یک دید کلی از امکانات و ظاهر قالب خواهد داد.
برای سفارشیسازی قالب و استفاده از آن در پروژه خود، شما نیاز به آشنایی با HTML، CSS و جاوااسکریپت خواهید داشت. ساختار HTML قالب به صورت معنایی و منظم طراحی شده است و کلاسهای بوت استرپ به طور گسترده در آن به کار رفتهاند. برای تغییر ظاهر قالب، میتوانید فایلهای CSS موجود در پوشه assets/css
را ویرایش کنید. همچنین، فایل اصلی استایلها با فرمت SCSS در پوشه assets/scss
قرار دارد که در صورت آشنایی با SCSS، امکان سفارشیسازی پیشرفتهتری را فراهم میکند.
اجزای مختلف رابط کاربری مانند نمودارها، جداول داده و فرمها با استفاده از پلاگینهای جاوااسکریپت پیادهسازی شدهاند. کدهای مربوط به این پلاگینها در پوشه assets/js
قرار دارند. برای استفاده از هر یک از این اجزا، معمولاً نیاز به افزودن ساختار HTML مربوطه و فراخوانی اسکریپتهای لازم در فایلهای HTML خود خواهید داشت. مستندات مربوط به هر پلاگین معمولاً در وبسایت رسمی آن پلاگین قابل دسترسی است و میتواند راهنمای مفیدی برای استفاده از آنها در قالب BonVue باشد.
به دلیل ساختار ماژولار قالب BonVue، شما میتوانید به راحتی اجزای مورد نیاز خود را انتخاب و در پروژه خود استفاده کنید. برای این کار، کافی است ساختار HTML و اسکریپتهای مربوط به آن جزء را در صفحات خود کپی کنید. همچنین، میتوانید با ویرایش فایلهای SCSS و کامپایل آنها به CSS، ظاهر قالب را مطابق با برند و نیازهای پروژه خود تغییر دهید. امیدواریم از استفاده از این قالب رایگان لذت ببرید و بتوانید پنلهای مدیریت زیبا و کارآمدی را با آن ایجاد کنید. در صورت بروز هرگونه سوال یا مشکل، میتوانید از منابع آموزشی آنلاین و انجمنهای توسعهدهندگان وب کمک بگیرید.