我是 Java 小猿廣州3 年企業級開發經驗。最近用 Cursor Spring Boot 3.2 Vue3 搭了個線上考試系統分享下實戰過程源碼已開源。【技術棧】後端Spring Boot 3.2 Spring Data JPA MySQL 8 Spring Security JWT前端Vue3 Vite Vue Router 4 Pinia Element Plus Axios【項目結構】後端包結構com.yuan.exam 下分 controller / service / entity / repository / dto / config / commonResult 統一返回格式GlobalExceptionHandler 全局異常處理JwtUtils JwtAuthFilter 實作 JWT 認證DataInitializer 啟動時初始化測試帳號前端結構src/api/request.js 封裝 axios攔截器帶 tokensrc/stores/user.js Pinia 用戶狀態src/router/index.js 路由守衛未登入跳轉src/layouts/MainLayout.vue 主佈局src/views/LoginView.vue 登入頁【已完成功能】用戶登入JWT 認證路由守衛未登入自動跳登入頁登入態持久化localStorage用戶資訊顯示 登出健康檢查接口【關鍵代碼片段JWT 工具類】ComponentpublicclassJwtUtils{Value(${jwt.secret})privateStringsecret;Value(${jwt.expiration})privatelongexpiration;publicStringgenerateToken(Stringusername,Stringrole){returnJwts.builder().claim(username,username).claim(role,role).subject(username).issuedAt(newDate()).expiration(newDate(System.currentTimeMillis()expiration)).signWith(Keys.hmacShaKeyFor(secret.getBytes()),Jwts.SIG.HS384).compact();}publicClaimsparseToken(Stringtoken){returnJwts.parser().verifyWith(Keys.hmacShaKeyFor(secret.getBytes())).build().parseSignedClaims(token).getPayload();}}【關鍵代碼片段前端路由守衛】router.beforeEach((to,from,next){constuserStoreuseUserStore()constisLoggedIn!!userStore.tokenif(to.path/login){isLoggedIn?next(/):next()}else{isLoggedIn?next():next(/login)}})【用 Cursor 提效的體會】骨架生成一句話描述需求Cursor 直接生成包結構 Result 異常處理省 1 小時JWT 整套貼一段需求描述JwtUtils Filter SecurityConfig Controller 全生成前端接通store api 路由守衛一次生成跑起來微調即可整體效率比手寫快 2-3 倍【踩坑記錄】Node v18 跑最新 create-vite 報 styleText 錯改用 npx create-vite5 解決MySQL 連線中文亂碼url 要加 useUnicodetruecharacterEncodingutf8Spring Security 6 配置改為 Lambda 寫法SecurityFilterChain【源碼地址】後端https://github.com/lapelife/demo-exam-system-backend前端https://github.com/lapelife/demo-exam-system-frontend【下一步規劃】考試管理 CRUD題庫管理單選/多選/判斷答題 自動判分成績查詢 ECharts 報表歡迎交流接 Spring Boot / Vue 畢設、系統定製、Bug 修復。
3年Java工程師實戰｜用 Cursor + Spring Boot 3 搭線上考試系統（附源碼）
我是 Java 小猿廣州3 年企業級開發經驗。最近用 Cursor Spring Boot 3.2 Vue3 搭了個線上考試系統分享下實戰過程源碼已開源。【技術棧】後端Spring Boot 3.2 Spring Data JPA MySQL 8 Spring Security JWT前端Vue3 Vite Vue Router 4 Pinia Element Plus Axios【項目結構】後端包結構com.yuan.exam 下分 controller / service / entity / repository / dto / config / commonResult 統一返回格式GlobalExceptionHandler 全局異常處理JwtUtils JwtAuthFilter 實作 JWT 認證DataInitializer 啟動時初始化測試帳號前端結構src/api/request.js 封裝 axios攔截器帶 tokensrc/stores/user.js Pinia 用戶狀態src/router/index.js 路由守衛未登入跳轉src/layouts/MainLayout.vue 主佈局src/views/LoginView.vue 登入頁【已完成功能】用戶登入JWT 認證路由守衛未登入自動跳登入頁登入態持久化localStorage用戶資訊顯示 登出健康檢查接口【關鍵代碼片段JWT 工具類】ComponentpublicclassJwtUtils{Value(${jwt.secret})privateStringsecret;Value(${jwt.expiration})privatelongexpiration;publicStringgenerateToken(Stringusername,Stringrole){returnJwts.builder().claim(username,username).claim(role,role).subject(username).issuedAt(newDate()).expiration(newDate(System.currentTimeMillis()expiration)).signWith(Keys.hmacShaKeyFor(secret.getBytes()),Jwts.SIG.HS384).compact();}publicClaimsparseToken(Stringtoken){returnJwts.parser().verifyWith(Keys.hmacShaKeyFor(secret.getBytes())).build().parseSignedClaims(token).getPayload();}}【關鍵代碼片段前端路由守衛】router.beforeEach((to,from,next){constuserStoreuseUserStore()constisLoggedIn!!userStore.tokenif(to.path/login){isLoggedIn?next(/):next()}else{isLoggedIn?next():next(/login)}})【用 Cursor 提效的體會】骨架生成一句話描述需求Cursor 直接生成包結構 Result 異常處理省 1 小時JWT 整套貼一段需求描述JwtUtils Filter SecurityConfig Controller 全生成前端接通store api 路由守衛一次生成跑起來微調即可整體效率比手寫快 2-3 倍【踩坑記錄】Node v18 跑最新 create-vite 報 styleText 錯改用 npx create-vite5 解決MySQL 連線中文亂碼url 要加 useUnicodetruecharacterEncodingutf8Spring Security 6 配置改為 Lambda 寫法SecurityFilterChain【源碼地址】後端https://github.com/lapelife/demo-exam-system-backend前端https://github.com/lapelife/demo-exam-system-frontend【下一步規劃】考試管理 CRUD題庫管理單選/多選/判斷答題 自動判分成績查詢 ECharts 報表歡迎交流接 Spring Boot / Vue 畢設、系統定製、Bug 修復。
