Frontend
Der Quellcode für das Frontend von Casdoor befindet sich im Ordner /web: https://github.com/casdoor/casdoor/tree/master/web
Es handelt sich um ein Create-React-App (CRA) Projekt, das der klassischen CRA-Ordnerstruktur folgt, wie unten beschrieben:
| Datei/Verzeichnis | Beschreibung |
|---|---|
| public | Die Root-HTML-Datei für React |
| src | Quellcode |
| craco.config.js | Die Craco-Konfigurationsdatei. Hier können Sie die Themenfarbe ändern (standardmäßig blau) |
| crowdin.yml | Crowdin i18n Konfigurationsdatei |
| package.json | NPM/Yarn Abhängigkeitsdatei |
| yarn.lock | Yarn lock file |
Im Verzeichnis /src finden Sie mehrere wichtige Dateien und Ordner:
| Datei/Verzeichnis | Beschreibung |
|---|---|
| account | Die Seite "Mein Profil" für eingeloggte Benutzer |
| auth | Alle Code-Teile, die mit Authentifizierung zu tun haben, wie OAuth, SAML, Registrierungsseite, Anmeldeseite, Passwort vergessen Seite usw. |
| backend | Das SDK für den Aufruf der Go-Backend-API. Es enthält alle fetch() Aufrufe |
| basic | Die Startseite (Dashboard-Seite) für Casdoor, die mehrere Karten-Widgets enthält |
| common | Gemeinsam genutzte UI-Widgets |
| locales | i18n Übersetzungsdateien im JSON-Format, synchronisiert mit unserem Crowdin-Projekt: https://crowdin.com/project/casdoor-site |
| App.js | Die JS-Einstiegsdatei, die alle Routen enthält |
| Setting.js | Utility-Funktionen, die von anderem Code verwendet werden |
| OrganizationListPage.js | Die Seite für die Organisationsliste, ähnlich wie alle anderen XXXListPage.js Dateien |
| OrganizationEditPage.js | Die Seite zum Bearbeiten einer Organisation, ähnlich wie alle anderen XXXEditPage.js Dateien |