Frontend

ซอร์สโค้ดสำหรับ frontend ของ 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.lock	Yarn lock file

ภายในไดเรกทอรี /src, คุณจะพบไฟล์และโฟลเดอร์ที่สำคัญหลายอย่าง:

ไฟล์/ไดเรกทอรี	คำอธิบาย
account	หน้า 'โปรไฟล์ของฉัน' สำหรับผู้ใช้ที่เข้าสู่ระบบ
auth	โค้ดที่เกี่ยวข้องกับการตรวจสอบสิทธิ์ทั้งหมด เช่น OAuth, SAML, หน้าลงทะเบียน, หน้าเข้าสู่ระบบ, หน้าลืมรหัสผ่าน ฯลฯ
backend	SDK สำหรับเรียก API แบ็กเอนด์ Go มันประกอบด้วยการเรียก 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 อื่นๆ