از خرید شما بسیار سپاسگزارم!
اگر سؤالی دارید که فراتر از محدوده این اسناد باشد ، لطفاً از طریق صفحه من با ما تماس بگیرید.
مقدمه
داستایل یک داشبورد ادمین بوت سترپ 4 و کیت رابط کاربری برنامه چند منظوره است. کاملاً پاسخگو است و شامل ویژگی های بسیار جذاب برای کمک به ساخت برنامه های وب سریع و آسان است. طرح های خوب طراحی شده و توسعه یافته ، مؤلفه ها ، عناصر ، ابزارک ها و صفحات کاربردی به شما امکان هر کاری می دهد برای ایجاد هر برنامه مبتنی بر ساس ، پانل مدیر سفارشی یا برنامه داشبورد. همراه کد تمیز و انعطاف پذیر شما را قادر می سازد به راحتی آن را سفارشی کنید.
شما برای ما مهم هستید و بنابراین لطفاً با هر سؤال یا بازخورد را اطلاع دهید.
ساختار
من تمام تلاش خود را کردم تا ضمن توسعه موضوع ، استانداردها و ساختار مدولار داشته باشم.بخش های زیر در حال توضیح پرونده موضوع و پوشه ، ساختار ، سخت گیری پرونده اچ تی ام ال و افزونه ها.
پرونده و ساختار پوشه
Theme Directory Dastyle/ │ ├── default │ │ │ ├── assets/ │ │ └── css │ │ │ └── All css files. │ │ │ │ │ └── fonts │ │ │ └── All fonts. │ │ │ │ │ └── images │ │ │ └── All images. │ │ │ │ │ └── js │ │ │ └── All js files. │ │ │ │ │ └── pages │ │ │ └── All custom js files. │ │ │ │ │ └── scss │ │ └── All scss files. │ │ │ │ │ │ │ ├── All HTML files │ ├── Documentation │ │ │ └── documentation files │ ├── plugins │ │ │ └── All plugins
ساختار اچ تی ام ال
سی اس اس و ساس
داستایل شامل تمامی فایل های سی اس اس و ساس است
ما با استفاده از گالپکه به راحتی می تواند ساس را به سی اس اس جمع آوری کند. در صورتی که نمی دانید - گالپ یک ابزار برای خودکارسازی است وظایف دردناک یا وقت گیر در گردش کار توسعه ، بنابراین می توانید جلوی آشفتگی و ساخت آن را بگیرید می توانید در مورد آن بیشتر بخوانید در اینحا
پیش نیازها
لطفاً برای نصب و راه اندازی همه پیش نیازها در زیر مراحل را دنبال کنید:
- نود جی اس
مطمئن باشید آخرین نسخهنود جی اس نصب شده است و ؛در رایانه خود در حال اجرا است.اگر قبلاً را روی رایانه شما نصب کرده اید ، شما می تواند از این مرحله رد شوید
- گالپ
مطمئن باشید آخرین نسخهگالپنصب شده و در رایانه شما در حال اجرا است.اگر قبلاً گالپ را روی خود نصب کرده اید کامپیوتر ، می تواند از این مرحله رد شوید در مرحله بعد برای نصب ، فقط فرمان زیر را اجرا کنید
npm install -g gulpاز ترمینال خود. - گین
مطمئن باشید آخرین نسخهگیت نصب شده است و ؛در رایانه خود در حال اجرا است.اگر قبلاً را روی رایانه شما نصب کرده اید ، شما می تواند از این مرحله رد شوید
نصب و راه اندازی
برای تنظیم ، مراحل ذکر شده را در زیر دنبال کنید:
- پیش نیازها را نصب کنید
حتماً پیش نیازهای بالاتر را نصب کرده اید & amp ؛در حال دویدن در شما کامپیوتر
- وابستگی ها را نصب کنید
ترمینال خود را باز کنید ، به پوشه خود بروید و دستور را وارد کنید
npm install. این دستور تمام وابستگی های مورد نیاز را نصب می کند در پوشه :node_modules.
بعد از اتمام مراحل فوق ، می توانید دستور را اجرا کنید
ساس را به سی اس اس کامپایل کنید:
gulp
در زیر پرونده های استایل قرار دارد:
| File | شرح |
|---|---|
bootstrap.min.css
|
داستایل از بوت سترپ v4.5.0 استفاده می کند.بوت استرپ هسته در تمام صفحات از پرونده استفاده می شود. |
icons.css
|
آیکون های مختلف فونت را ترکیب می کند.شما باید فونت هایی را که قصد استفاده از آن ندارید حذف کنید |
style.css
|
پرونده اصلی صفحه ، از ساس تولید می شود و شامل تمام سبک های سی اس اس است. |
جاوا اسکریپت
داستایل از جی کوئری بوت استرپ جی اس فریمورک (در هسته آن) و برخی از موارد استفاده می کند پلاگین های شخص ثالث ممکن است افزونه های شخص ثالث بیشتری وجود داشته باشد که بتوانید با توجه به نیاز خود استفاده کنید css از قبل دارای تطبیق است این افزونه ها را سبک کنید، بنابراین نیازی به انجام کاری در اطراف آن نخواهید داشت.
آنها در زیر توضیح داده شده است:
| فایل | شرح |
|---|---|
jquery.js, bootstrap.bundle.min.js,
simplebar.min.js, etc.
|
این پرونده ها در هسته اصلی موضوع استفاده می شوند. |
app.js
|
این یک پرونده اصلی جاوااسکریپت است.این شامل کد جاوااسکریپت سفارشی است مورد نیاز برای ویژگی ها از جمله چیدمان ، نوار کناری و غیره |
pages/*.js
|
این پرونده ها حاوی صفحات کد خاص هستند.آن ها هستند عمدتا برای هدف آزمایشی استفاده می شود. |
plugins/**.js
|
همه افزونه های پشتیبانی شده و یکپارچه شخص ثالث هستند در اینجا گنجانده شده است. |
اعتباربخشی و مستندات رسمی
من از منابع زیر که ذکر شده استفاده کرده ام.اینها منابع بسیار خوبی هستند و من واقعاً از جامعه مربوطه سپاسگزارم.
- Bootstrap
- Jquery
- Lightpick
- Full Calendar
- Range-slider
- Sweet-Alert2
- Nestable
- Rating
- Timeout
- Idletimer
- Tippy
- Animate.css
- Clipboard
- Dragula
- Font-Awesome
- Thimify
- Feather
- Typicons
- MD-icons
- Dripicons
- Datatables
- RWD-Table
- Tiny-editable
- Bootstrap Datetimepicker
- Bootstrap Maxlength
- Bootstrap Touchspin
- Bootstrap Timepicker
- Bootstrap Colorpicker
- Multiselect
- Select2
- Bootstrap-X-editable
- Summernote
- Dropify
- Validation
- Tinymce
- Wizard
- Repeater
- Jquery-ui
- Popup
- Parsley
- Isotope
- Moment
- Apex Chart
- Morris
- Raphael
- Chartjs
- Flot-charts
- Gmaps
- Leaflet
- Vector Maps
- JsTree
- simplebar
پشتیبانی
یک بار دیگر از خرید موضوع متشکرم.من همیشه به شما خوشحال میشوم تا به شما کمک کنم.اگر شما هر پیشنهادی یا ویژگی ای برای بهتر شدن آن دارید ، من از شما درخواست می کنم با من تماس بگیرید ، من تمام تلاش خود را می کنم تا آنها را در به روزرسانی های آینده اضافه کنم.
با احترام
- آفرید تیم
تغییرات
نسخه 1.1.0 - 1401
- نسخه افقی تاریک
- نسخه عمودی تاریک
- رفع مشکل
نسخه 1.0.0 - 1401
- نسخه اولیه منتشر شد