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);
}
相关推荐
一 乐35 分钟前
动漫书销售商城|基于springboot + vue动漫书销售商城(源码+数据库+文档)
java·数据库·vue.js·spring boot·毕业设计
旺仔学长 哈哈2 小时前
springboot钓鱼爱好者交流平台APP设计与实现
java·spring boot·mysql·充电桩管理系统
Wx-bishekaifayuan2 小时前
django个性化旅游路线推荐平台49005-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
FYKJ_20106 小时前
django电影推荐系统55066-计算机课程设计、毕业设计
vue.js·spring boot·python·mysql·typescript·spark·django
qq_316837756 小时前
阿里云百炼 fun-asr-realtime uniapp vue3 调用
javascript·vue.js·uni-app
Wx-bishekaifayuan7 小时前
springboot生活易购超市管理系统54086-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
计算机毕设定制辅导-无忧学长8 小时前
《基于Spring Boot的减脂轻食购物网站》
java·vue.js·spring boot·后端·减脂轻食购物网站
沐欣工作室_lvyiyi8 小时前
基于SpringBoot的博物馆预约系统设计与实现(论文+源码)
java·spring boot·后端·计算机毕业设计