Zum Hauptinhalt springen

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/VerzeichnisBeschreibung
publicDie Root-HTML-Datei für React
srcQuellcode
craco.config.jsDie Craco-Konfigurationsdatei. Hier können Sie die Themenfarbe ändern (standardmäßig blau)
crowdin.ymlCrowdin i18n Konfigurationsdatei
package.jsonNPM/Yarn Abhängigkeitsdatei
yarn.lockYarn lock file

Im Verzeichnis /src finden Sie mehrere wichtige Dateien und Ordner:

Datei/VerzeichnisBeschreibung
accountDie Seite "Mein Profil" für eingeloggte Benutzer
authAlle Code-Teile, die mit Authentifizierung zu tun haben, wie OAuth, SAML, Registrierungsseite, Anmeldeseite, Passwort vergessen Seite usw.
backendDas SDK für den Aufruf der Go-Backend-API. Es enthält alle fetch() Aufrufe
basicDie Startseite (Dashboard-Seite) für Casdoor, die mehrere Karten-Widgets enthält
commonGemeinsam genutzte UI-Widgets
localesi18n Übersetzungsdateien im JSON-Format, synchronisiert mit unserem Crowdin-Projekt: https://crowdin.com/project/casdoor-site
App.jsDie JS-Einstiegsdatei, die alle Routen enthält
Setting.jsUtility-Funktionen, die von anderem Code verwendet werden
OrganizationListPage.jsDie Seite für die Organisationsliste, ähnlich wie alle anderen XXXListPage.js Dateien
OrganizationEditPage.jsDie Seite zum Bearbeiten einer Organisation, ähnlich wie alle anderen XXXEditPage.js Dateien