slash admin

مشرف القطع

Slash Admin هو قالب لوحة تحكم إداري حديث تم إنشاؤه باستخدام React 18 وVite وAnt Design وTypeScript. إنه مصمم لمساعدة المطورين على إنشاء أنظمة إدارة إدارية قوية بسرعة.

معاينة · الخلاف · الوثيقة

الإنجليزية | 中文

راعي

معاينة

• https://admin.slashspaces.com/

سمات

• تم تصميمه باستخدام React 18 خطافًا.
• مدعوم من Vite للتطوير السريع واستبدال الوحدة الساخنة.
• يدمج Ant Design، مما يوفر مجموعة غنية من مكونات واجهة المستخدم وأنماط التصميم.
• مكتوب بلغة TypeScript، مما يوفر أمانًا للكتابة وتجربة تطوير محسنة.
• تصميم سريع الاستجابة، يتكيف مع مختلف أحجام الشاشات والأجهزة.
• تكوين توجيه مرن، يدعم المسارات المتداخلة.
• التحكم في الوصول المتكامل على أساس أدوار المستخدم.
• يدعم التدويل لسهولة تبديل اللغة.
• يتضمن ميزات إدارية شائعة مثل إدارة المستخدمين وإدارة الأدوار وإدارة الأذونات.
• سمات وأنماط قابلة للتخصيص لتلبية احتياجات علامتك التجارية.
• حل ساخر يعتمد على MSW و Faker.js.
• إدارة الدولة باستخدام Zustand.
• جلب البيانات باستخدام React-Query.

بداية سريعة

احصل على رمز المشروع

git clone https://github.com/d3george/slash-admin.git

تثبيت التبعيات

في الدليل الجذر للمشروع، قم بتشغيل الأمر التالي لتثبيت تبعيات المشروع:

pnpm install

بدء تشغيل خادم التطوير

قم بتشغيل الأمر التالي لبدء خادم التطوير:

pnpm dev

تفضل بزيارة http://localhost:3001 لعرض طلبك.

بناء للإنتاج

قم بتشغيل الأمر التالي لإنشاء إصدار الإنتاج:

pnpm build

نشر عامل ميناء

بناء الصورة وتشغيل الحاوية

بناء الصورة

أدخل الدليل الجذر للمشروع في الوحدة الطرفية وقم بتنفيذ الأمر التالي لإنشاء صورة Docker:

 docker build -t your-image-name .

تأكد من استبدال your-image-name باسم الصورة الخاصة بك

تشغيل الحاوية

قم بتشغيل تطبيقك في حاوية Docker باستخدام الأمر التالي:

 docker run -p 3001:80 your-image-name

سيؤدي هذا إلى تشغيل تطبيقك على المنفذ 80 (المكشوف في Dockerfile ) للحاوية وتعيينه إلى المنفذ 3001 على مضيفك.

يمكنك الآن الوصول إلى http://localhost:3001 لعرض التطبيقات المنشورة.

استخدم docker-compose.yaml

أدخل الدليل الجذر للمشروع في الوحدة الطرفية وقم بتنفيذ الأمر التالي لبدء Docker Compose:

 docker-compose up -d

سيقوم Docker Compose بإنشاء صورة بناءً على التكوين المحدد بواسطة "docker-compose". yaml" وقم بتشغيل الحاوية في الخلفية.

بعد تشغيل الحاوية بنجاح، يمكن أيضًا الوصول إليها من خلال http://localhost:3001 لعرض التطبيقات المنشورة.

مواصفات تقديم مساهمة Git

مرجع.commitlint.config.js

• feat ميزات جديدة
• fix إصلاح
• docs المستندات أو التعليقات
• تنسيق رمز style (التغييرات التي لا تؤثر على تنفيذ التعليمات البرمجية)
• refactor البناء
• perf أداء الأداء
• revert إلى الالتزام
• test اختبار ذات الصلة
• تغييرات chore في عملية البناء أو الأدوات المساعدة
• ci تعديل تكوين CI والبرامج النصية
• types التغييرات في ملف تعريف النوع
• wip في التنمية