sprucecss root admin template

يحتوي هذا المستودع على القالب الثابت لمشرف Laravel الخاص بنا المسمى Root.

تم إنشاء القالب باستخدام Eleventy من أجل سلامتنا العقلية وإدارتنا الأسهل. يمكنك الحصول على المحتوى من ملفات قالب Nunjucks أو مجلد dist المترجم.

من المحتمل أن يتغير القالب بانتظام في المستقبل بسبب تطوير حزمة Laravel.

ما تحصل عليه

استخدمنا Alpine.js للتعامل مع كود JS. على الرغم من وجود بعض سلوكيات JS الكاملة، إلا أن هذا القالب لا يزال HTML/CSS ثابتًا، لذا يتعين عليك القيام بالجزء التفاعلي.

يمكنك الآن الحصول على طرق العرض أو التخطيطات التالية:

• لوحة القيادة
• قائمة المنتجات
• قائمة الطلبات
• قائمة العملاء
• قائمة الفئة
• تحرير العنصر
• عرض العنصر
• إعدادات
• تسجيل الدخول
• اشتراك
• إعادة تعيين كلمة المرور

هناك الكثير من المكونات الخاصة بالمسؤول:

• نافذة مشروطة مع التخصيصات.
• كتلة جدول البيانات مع دعم البحث والتصفية.
• بحث بسيط.
• قوائم منسدلة مختلفة.
• بطاقات القطعة.
• مشروط معالج الوسائط.
• كومبوبوكس.

الحصول على ما يصل وتشغيل

نحن نستخدم eleventy --serve وتجميع Sass باستخدام sass-cli مع البرامج النصية npm.

1. استنساخ المستودع.

2. تثبيت التبعيات.

   في ملف package.json ، ستجد جميع التبعيات (والنصوص البرمجية) لتثبيتها باستخدام الأمر التالي:

   npm install

3. قم بتشغيل وضع التطوير

   لتشغيل وضع التطوير، استخدم npm script . سيراقب هذا البرنامج النصي أيضًا التغييرات.

   npm start

4. قم بتشغيل وضع الإنتاج

   قبل البث المباشر، يجب عليك استخدام برنامج الإنتاج لضغط ملفات Sass.

   npm run prod

SCSS

يقوم المشروع بتجميع ملفات SCSS من المجلد ./src/scss إلى المجلد ./src/css . يتضمن المشروع Spruce CSS، الذي يوفر التصميم مع بعض مكونات Spruce UI.

مخطوطات أخرى

• sass:lint/sass:lint:fix يمكنك فحص ملفات SCSS الخاصة بك باستخدام إرشادات Stylelint وstylelint-config-sass- المعدة مسبقًا باستخدام الأمر npm run sass:lint . استخدم الأمر npm run sass:lint:fix إذا كنت تريد إصلاحات تلقائية.

• js:lint/js:lint:fix يمكنك أيضًا فحص JS الخاص بك كما هو الحال مع Sass. بالنسبة للقواعد، نستخدم الإعداد المسبق لـ Airbnb.

رخصة

الكود مرخص بموجب معهد ماساتشوستس للتكنولوجيا.