👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

5.9 KiB

Ant Design Pro

اللغة: 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇧🇷 | 🇩🇿 | 🇪🇸

Ant Design Pro

حل واجهة مستخدم جاهز لتطبيقات المؤسسات مبني على React.

CI Preview Deploy Build With Umi Checked with Biome

معاينة السمة الفاتحة معاينة السمة الداكنة

الميزات

  • 💡 TypeScript: لغة لتطبيقات JavaScript على نطاق واسع
  • 📜 الكتل: بناء الصفحات باستخدام قوالب الكتل
  • 💎 تصميم أنيق: يتبع مواصفات Ant Design
  • 📐 قوالب شائعة: قوالب نموذجية لتطبيقات المؤسسات
  • 🚀 تطوير حديث: أحدث تقنيات React/umi/dva/antd
  • 📱 متجاوب: مصمم لأحجام شاشات مختلفة
  • 🎨 تخصيص السمة: سمة قابلة للتخصيص بإعداد بسيط
  • 🌐 دعم اللغات: حل i18n مدمج
  • ⚙️ أفضل الممارسات: سير عمل قوي للحفاظ على صحة الكود
  • 🔢 تطوير وهمي: حل تطوير وهمي سهل الاستخدام
  • اختبار الواجهة: أمان مع اختبارات الوحدة وe2e

القوالب

- لوحة القيادة
  - تحليلات
  - مراقبة
  - مساحة العمل
- النماذج
  - نموذج أساسي
  - نموذج متعدد الخطوات
  - نموذج متقدم
- القوائم
  - جدول قياسي
  - قائمة قياسية
  - قائمة البطاقات
  - قائمة البحث (مشروع/تطبيقات/مقال)
- الملف الشخصي
  - ملف شخصي بسيط
  - ملف شخصي متقدم
- الحساب
  - مركز الحساب
  - إعدادات الحساب
- النتائج
  - نجاح
  - فشل
- الاستثناءات
  - 403
  - 404
  - 500
- المستخدم
  - تسجيل الدخول
  - التسجيل
  - نتيجة التسجيل

الاستخدام

استخدام bash

نوفر pro-cli لبدء المشروع بسرعة.

# استخدم npm
npm i @ant-design/pro-cli -g
pro create myapp

اختر قالب pro. Simple هو القالب الأساسي الذي يوفر فقط المحتوى الأساسي لتشغيل الإطار. Complete يحتوي على جميع الكتل، وهو غير مناسب كقالب أساسي للتطوير الثانوي.

? 🚀 مشروع كامل أم هيكل بسيط؟ (استخدم الأسهم)
➥ simple
  complete

تهيئة مستودع Git:

$ git init myapp

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

$ cd myapp && tyarn
// أو
$ cd myapp && npm install

المتصفحات المدعومة

المتصفحات الحديثة.

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Edge آخر إصدارين آخر إصدارين آخر إصدارين آخر إصدارين

المساهمة

أي مساهمة مرحب بها. إليك بعض الطرق للمساهمة في هذا المشروع:

  • استخدم Ant Design Pro في عملك اليومي.
  • أرسل issues للإبلاغ عن الأخطاء أو طرح الأسئلة.
  • اقترح pull requests لتحسين الكود الخاص بنا.