技術指南#

本指南專為有 Django/Node.js + Angular 背景的開發者設計，幫助你快速理解這個 Spring Boot + Next.js 專案。

章節目錄#

專案概覽#

• 技術對照表 - Django/Angular vs Spring Boot/Next.js 對照

Backend (Spring Boot)#

• Entity 層 - 資料模型，等同 Django Model
• Repository 層 - 資料存取，等同 Django ORM
• Service 層 - 業務邏輯層
• Controller 層 - REST API，等同 Django View
• Security 配置 - JWT 認證與授權

Frontend (Next.js)#

• 路由系統 - App Router，對比 Angular Router
• 元件結構 - React 元件，對比 Angular Component
• 狀態管理 - Zustand，對比 NgRx/Service

實戰範例#

• 資料流程 - 完整的前後端互動範例

學習建議#

建議閱讀順序：
1. 技術對照表（建立概念映射）
2. Entity → Repository → Service → Controller（理解後端分層）
3. 路由 → 元件 → 狀態管理（理解前端架構）
4. 資料流程（整合理解）

快速啟動#

# 一鍵啟動全部服務
docker-compose up --build

# 前端: http://localhost:3000
# 後端: http://localhost:8080
# 測試帳號: elliot@example.com / password