واجهة المستخدم الأمامية
يقع شيفرة المصدر لواجهة مستخدم Casdoor داخل مجلد /web: https://github.com/casdoor/casdoor/tree/master/web
إنه مشروع Create-React-App (CRA)، والذي يتبع هيكل المجلدات الكلاسيكي لـ CRA كما هو موضح أدناه:
| ملف/مجلد | الوصف |
|---|---|
| public | الملف الأساسي HTML لـ React |
| src | شيفرة المصدر |
| craco.config.js | ملف تكوين Craco. يمكنك تغيير لون الثيمة (الأزرق بشكل افتراضي) هنا |
| crowdin.yml | ملف تكوين Crowdin i18n |
| package.json | ملف تبعيات NPM/Yarn |
| yarn.lock | Yarn lock file |
داخل مجلد /src، ستجد العديد من الملفات والمجلدات المهمة:
| ملف/مجلد | الوصف |
|---|---|
| account | صفحة "ملفي الشخصي" للمستخدمين المسجلين |
| auth | جميع الشيفرات المتعلقة بالمصادقة، مثل OAuth، SAML، صفحة التسجيل، صفحة الدخول، صفحة نسيان كلمة المرور، إلخ. |
| backend | حزمة تطوير البرمجيات (SDK) لاستدعاء واجهة برمجة التطبيقات الخلفية بلغة Go. يحتوي على جميع استدعاءات fetch() |
| basic | الصفحة الرئيسية (صفحة لوحة التحكم) لـ Casdoor، والتي تحتوي على العديد من الأدوات البطاقية |
| common | أدوات واجهة المستخدم المشتركة |
| locales | ملفات الترجمة i18n بصيغة JSON، متزامنة مع مشروعنا على Crowdin: https://crowdin.com/project/casdoor-site |
| App.js | ملف JS الأساسي الذي يحتوي على جميع المسارات |
| Setting.js | الدوال الأداتية المستخدمة من قبل شيفرات أخرى |
| OrganizationListPage.js | صفحة قائمة المنظمات، مشابهة لجميع ملفات XXXListPage.js الأخرى |
| OrganizationEditPage.js | صفحة تعديل منظمة واحدة، مشابهة لجميع ملفات XXXEditPage.js الأخرى |