uni-app+SpringBoot: 前端传参,后端如何接收参数

做项目中的一些小经验,方便后续

(1)前端代码中,请求的 URL 是通过查询参数(?id=${articleId})传递的

后端接口:

java 复制代码
@GetMapping("/knowledgeDetail")
public Result getKnowledgeByid(@RequestParam Integer id) {
    Knowledge knowledge = knowledgeService.getKnowledgeByid(id);
    return Result.success(knowledge);
}

(2) 前端代码这样传递参数

复制代码
url: `${baseUrl}/knowledge/knowledgeDetail/${articleId}`

后端接口:

java 复制代码
@GetMapping("/knowledgeDetail/{id}")
public Result getKnowledgeByid(@PathVariable Integer id) {
    Knowledge knowledge = knowledgeService.getKnowledgeByid(id);
    if (knowledge == null) {
        return Result.error("Knowledge not found");
    }
    return Result.success(knowledge);
}
相关推荐
在下木子生4 小时前
SpringBoot基于工厂模式的多类型缓存设计
java·spring boot·缓存
向葭奔赴♡5 小时前
Spring Boot 分模块:从数据库到前端接口
数据库·spring boot·后端
计算机毕业设计木哥5 小时前
计算机毕业设计选题推荐:基于SpringBoot和Vue的爱心公益网站
java·开发语言·vue.js·spring boot·后端·课程设计
番茄Salad5 小时前
自定义Spring Boot Starter项目并且在其他项目中通过pom引入使用
java·spring boot
2501_9159184111 小时前
掌握 iOS 26 App 运行状况,多工具协作下的监控策略
android·ios·小程序·https·uni-app·iphone·webview
知识分享小能手11 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
MC丶科13 小时前
【SpringBoot 快速上手实战系列】5 分钟用 Spring Boot 搭建一个用户管理系统(含前后端分离)!新手也能一次跑通!
java·vue.js·spring boot·后端
2501_9159090614 小时前
iOS 混淆实战,多工具组合完成 IPA 混淆与加固(源码 + 成品 + 运维一体化方案)
android·运维·ios·小程序·uni-app·iphone·webview
lang2015092814 小时前
Spring Boot 入门:5分钟搭建Hello World
java·spring boot·后端