Перейти до основного вмісту

Фронтенд

Вихідний код фронтенду 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.lockYarn lock file

У директорії /src ви знайдете кілька важливих файлів та папок:

Файл/ДиректоріяОпис
accountСторінка "Мій профіль" для зареєстрованих користувачів
authВесь код, пов'язаний з аутентифікацією, такий як OAuth, SAML, сторінка реєстрації, сторінка входу, сторінка відновлення пароля тощо.
backendSDK для виклику Go backend API. Він містить усі виклики fetch()
basicДомашня сторінка (сторінка панелі керування) Casdoor, яка містить кілька віджетів карток
commonСпільні UI віджети
localesфайли перекладу i18n у форматі JSON, синхронізовані з нашим проєктом Crowdin: https://crowdin.com/project/casdoor-site
App.jsВхідний JS-файл, що містить усі маршрути
Setting.jsУтилітні функції, які використовуються іншим кодом
OrganizationListPage.jsСторінка списку організацій, схожа на всі інші файли XXXListPage.js
OrganizationEditPage.jsСторінка для редагування однієї організації, схожа на всі інші файли XXXEditPage.js