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épertoire | Description |
|---|---|
| public | Le fichier HTML racine pour React |
| src | Code source |
| craco.config.js | Le fichier de configuration Craco. Vous pouvez changer la couleur du thème (bleu par défaut) ici |
| crowdin.yml | Fichier de configuration i18n Crowdin |
| package.json | Fichier de dépendance NPM/Yarn |
| yarn.lock | Yarn lock file |
À l'intérieur du répertoire /src, vous trouverez plusieurs fichiers et dossiers importants :
| Fichier/Répertoire | Description |
|---|---|
| account | La page "Mon profil" pour les utilisateurs connectés |
| auth | Tout le code lié à l'authentification, tel que OAuth, SAML, page d'inscription, page de connexion, page de mot de passe oublié, etc. |
| backend | Le SDK pour appeler l'API backend Go. Il contient tous les appels fetch() |
| basic | La page d'accueil (page de tableau de bord) pour Casdoor, qui contient plusieurs widgets sous forme de cartes |
| common | Widgets UI partagés |
| locales | fichiers de traduction i18n en JSON, synchronisés avec notre projet Crowdin : https://crowdin.com/project/casdoor-site |
| App.js | Le fichier JS d'entrée contenant toutes les routes |
| Setting.js | Fonctions utilitaires utilisées par d'autres codes |
| OrganizationListPage.js | La page pour la liste des organisations, similaire à tous les autres fichiers XXXListPage.js |
| OrganizationEditPage.js | La page pour éditer une organisation, similaire à tous les autres fichiers XXXEditPage.js |