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);
}
相关推荐
00后程序员张几秒前
混淆 iOS 类名与变量名的实战指南,多工具组合把混淆做成工程能力(混淆 iOS 类名变量名/IPA 成品混淆Ipa/Guard CLI 实操)
android·ios·小程序·https·uni-app·iphone·webview
Q_Q51100828516 分钟前
python+django/flask的莱元元电商数据分析系统_电商销量预测
spring boot·python·django·flask·node.js·php
一 乐24 分钟前
智慧党建|党务学习|基于SprinBoot+vue的智慧党建学习平台(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习
观望过往1 小时前
Spring Boot 集成 EMQ X 4.0 完整技术指南
java·spring boot·后端·emqx
will_we2 小时前
Spring Boot4先行篇:第一篇 Spring Boot 创建 Docker 镜像
spring boot
Q_Q19632884752 小时前
python+django/flask基于协同过滤算法的理财产品推荐系统
spring boot·python·django·flask·node.js·php
码起来呗3 小时前
基于Spring Boot的乡村拼车小程序的设计与实现-项目分享
spring boot·后端·小程序
2501_916007474 小时前
iOS文件管理工具深度剖析,从系统沙盒到跨平台文件操作的多工具协同实践
android·macos·ios·小程序·uni-app·cocoa·iphone
shykevin4 小时前
uni-app x开发商城系统,扩展组件uni-ui实现底部商品导航
uni-app
QuantumLeap丶4 小时前
《uni-app跨平台开发完全指南》- 05 - 基础组件使用
vue.js·微信小程序·uni-app