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 修復。

相关新闻

最新新闻

STM32超声波测距实战:从CubeMX配置到滤波算法优化

STM32超声波测距实战:从CubeMX配置到滤波算法优化

1. 项目概述:从“测距”到“感知”的工程实践搞嵌入式开发的朋友,对超声波测距这个项目应该都不陌生。它几乎是每个单片机学习者的“必修课”,从51到STM32,从寄存器操作到HAL库,再到现在的CubeMX图形化配置&#xff0c…

2026/7/31 15:02:56
Input Overlay终极指南:如何在直播中实时显示键盘、鼠标和游戏手柄操作

Input Overlay终极指南:如何在直播中实时显示键盘、鼠标和游戏手柄操作

Input Overlay终极指南:如何在直播中实时显示键盘、鼠标和游戏手柄操作 【免费下载链接】input-overlay Show keyboard, gamepad and mouse input on stream 项目地址: https://gitcode.com/gh_mirrors/in/input-overlay 想让观众看清你的每一个操作细节吗&a…

2026/7/31 15:02:56
深度解析RKNPU2:Rockchip NPU终极部署框架的技术优势与实践指南

深度解析RKNPU2:Rockchip NPU终极部署框架的技术优势与实践指南

深度解析RKNPU2:Rockchip NPU终极部署框架的技术优势与实践指南 【免费下载链接】rknpu2 项目地址: https://gitcode.com/gh_mirrors/rk/rknpu2 RKNPU2作为Rockchip神经网络处理单元的高级接口库,为嵌入式AI开发者提供了专业高效的深度学习模型部…

2026/7/31 15:02:56
局域网即时通讯软件适合什么场景?选型如何不跑偏?????

局域网即时通讯软件适合什么场景?选型如何不跑偏?????

海王IM 研发图纸、生产指令、业务数据——这些核心资产一旦经过公网IM流转,数据管控风险就会显著上升。越来越多高安全要求的单位,开始选择将通讯系统部署在本地局域网——不依赖公网、数据全程在自有服务器流转。局域网即时通讯软件凭借物理隔离、自主…

2026/7/31 15:02:56
Vue-ECharts 8.0:构建企业级数据可视化应用的终极解决方案

Vue-ECharts 8.0:构建企业级数据可视化应用的终极解决方案

Vue-ECharts 8.0:构建企业级数据可视化应用的终极解决方案 【免费下载链接】vue-echarts Vue.js component for Apache ECharts™. 项目地址: https://gitcode.com/gh_mirrors/vu/vue-echarts 在当今数据驱动的决策环境中,高效的数据可视化已成为…

2026/7/31 15:02:56
BilibiliDown视频下载终极指南:3步轻松获取B站高清视频资源

BilibiliDown视频下载终极指南:3步轻松获取B站高清视频资源

BilibiliDown视频下载终极指南:3步轻松获取B站高清视频资源 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader 😳 项目地址: https://gitcode.com/gh_mirr…

2026/7/31 14:57:56

月新闻