واجهة المستخدم الأمامية
يقع شيفرة المصدر لواجهة مستخدم 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 الأخرى |