前端
Casdoor的前端源代码位于/web文件夹内:https://github.com/casdoor/casdoor/tree/master/web
这是一个Create-React-App (CRA)项目,遵循下面概述的经典CRA文件夹结构:
| 文件/目录 | 描述 |
|---|---|
| public | React的根HTML文件 |
| src | 源代码 |
| craco.config.js | Craco配置文件。 您可以在此处更改主题颜色(默认为蓝色) |
| crowdin.yml | Crowdin i18n 配置文件 |
| package.json | NPM/Yarn 依赖文件 |
| yarn.lock | Yarn lockfile |
在/src目录中,您将找到几个重要的文件和文件夹:
| 文件/目录 | 描述 |
|---|---|
| account | 已登录用户的"我的个人资料"页面 |
| auth | 所有与身份验证相关的代码,如OAuth,SAML,注册页面,登录页面,忘记密码页面等。 |
| backend | 调用Go后端API的SDK。 它包含所有的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文件类似 |