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);
}
相关推荐
Liu.7747 分钟前
uniapp scroll-view 常见问题及修复
uni-app
vipxieliang42 分钟前
ValidX 验证器缓存机制:如何提升验证性能
java·spring boot
Thomas.Sir2 小时前
第1课:SpringBoot 4.x 快速上手:新特性、环境准备与第一个HelloWorld程序
java·spring boot
程序员小孔.2 小时前
基于 Spring Cloud + Vue 的 JEEWMS 开源仓储管理平台设计与实现
前端·javascript·vue.js·spring boot·spring cloud·开源
RuoyiOffice2 小时前
SpringBoot+Vue3 业财协同架构:预算、费用分摊、发票、往来与凭证怎样避免五套数字
spring boot·vue3·财务管理·spring boot 3·预算管理·ruoyi office·业财协同
她的男孩2 小时前
页面已发布用户仍进不去:Forge Admin 门户入口与系统菜单挂载解耦
java·spring boot·低代码
梦曦i3 小时前
Taro vs uni-app:技术路线与选型真相
uni-app·taro
专业程序开发源3 小时前
django视听资源推荐系统16690-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·django·php·课程设计
多客:duokelijie3 小时前
婚恋交友小程序合规梳理:上线运营需要准备哪些资质与许可手续?
后端·mysql·微信小程序·前端框架·uni-app·php·持续部署
Java爱好狂.11 小时前
Java初学者如何一周速通SpringBoot!
java·spring boot·后端·spring·高并发·架构师·java面试