Passer au contenu principal

Frontend

Le code source du frontend de Casdoor se trouve dans le dossier /web : https://github.com/casdoor/casdoor/tree/master/web

Il s'agit d'un projet Create-React-App (CRA), qui suit la structure classique des dossiers CRA comme décrit ci-dessous :

Fichier/RépertoireDescription
publicLe fichier HTML racine pour React
srcCode source
craco.config.jsLe fichier de configuration Craco. Vous pouvez changer la couleur du thème (bleu par défaut) ici
crowdin.ymlFichier de configuration i18n Crowdin
package.jsonFichier de dépendance NPM/Yarn
yarn.lockYarn lock file

À l'intérieur du répertoire /src, vous trouverez plusieurs fichiers et dossiers importants :

Fichier/RépertoireDescription
accountLa page "Mon profil" pour les utilisateurs connectés
authTout le code lié à l'authentification, tel que OAuth, SAML, page d'inscription, page de connexion, page de mot de passe oublié, etc.
backendLe SDK pour appeler l'API backend Go. Il contient tous les appels fetch()
basicLa page d'accueil (page de tableau de bord) pour Casdoor, qui contient plusieurs widgets sous forme de cartes
commonWidgets UI partagés
localesfichiers de traduction i18n en JSON, synchronisés avec notre projet Crowdin : https://crowdin.com/project/casdoor-site
App.jsLe fichier JS d'entrée contenant toutes les routes
Setting.jsFonctions utilitaires utilisées par d'autres codes
OrganizationListPage.jsLa page pour la liste des organisations, similaire à tous les autres fichiers XXXListPage.js
OrganizationEditPage.jsLa page pour éditer une organisation, similaire à tous les autres fichiers XXXEditPage.js