跳到主内容

前端

Casdoor的前端源代码位于/web文件夹内:https://github.com/casdoor/casdoor/tree/master/web

这是一个Create-React-App (CRA)项目,遵循下面概述的经典CRA文件夹结构:

文件/目录描述
publicReact的根HTML文件
src源代码
craco.config.jsCraco配置文件。 您可以在此处更改主题颜色(默认为蓝色)
crowdin.ymlCrowdin i18n 配置文件
package.jsonNPM/Yarn 依赖文件
yarn.lockYarn lockfile

/src目录中,您将找到几个重要的文件和文件夹:

文件/目录描述
account已登录用户的"我的个人资料"页面
auth所有与身份验证相关的代码,如OAuth,SAML,注册页面,登录页面,忘记密码页面等。
backend调用Go后端API的SDK。 它包含所有的fetch()调用
basicCasdoor的主页(仪表板页面),包含了几个卡片小部件
common共享UI部件
localesi18n翻译文件以JSON格式,与我们的Crowdin项目同步:https://crowdin.com/project/casdoor-site
App.js包含所有路由的入口JS文件
Setting.js其他代码使用的实用函数
OrganizationListPage.js组织列表的页面,与所有其他的XXXListPage.js文件类似
OrganizationEditPage.js用于编辑一个组织的页面,与所有其他的XXXEditPage.js文件类似