ruoyi-vue 接受两个参数的controller
时间: 2025-07-06 17:57:15 浏览: 4
### Ruoyi-Vue 创建接收两个参数的 Controller 示例
在 Ruoyi-Vue 项目中,为了创建一个能够接收两个参数的控制器 (Controller),可以遵循 Spring Boot 的最佳实践来定义 RESTful API 接口。下面是一个具体的实现方法:
#### 定义 Controller 类
首先,在 `App` 前缀下定义一个新的控制器类,以防止与其他模块中的同名 Bean 发生冲突[^1]。
```java
@RestController
@RequestMapping("/api/example")
public class AppExampleController {
@GetMapping("/params/{param1}/{param2}")
public ResponseEntity<String> getParams(@PathVariable String param1, @PathVariable String param2) {
return ResponseEntity.ok("Param1: " + param1 + ", Param2: " + param2);
}
}
```
此代码片段展示了如何通过路径变量 (`@PathVariable`) 来获取 URL 中传递过来的两个参数,并返回它们的内容给客户端。
对于前端部分,如果使用的是 Element UI 组件库,则可以在页面上添加相应的按钮并绑定点击事件处理函数,以便触发数据请求操作[^2]。
```html
<template>
<div>
<!-- 导出按钮 -->
<el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
<!-- 测试接口调用按钮 -->
<el-button type="primary" @click="testApiCall">测试API调用</el-button>
</div>
</template>
<script>
export default {
methods: {
handleExport() {
console.log('执行导出逻辑');
},
testApiCall() {
const param1 = 'value1';
const param2 = 'value2';
this.$axios.get(`/api/example/params/${param1}/${param2}`)
.then(response => {
alert(`服务器响应:${response.data}`);
})
.catch(error => {
console.error('请求失败', error);
});
}
}
};
</script>
```
上述 Vue.js 部分包含了用于发起 GET 请求到 `/api/example/params/value1/value2` 路径的功能,其中 `value1` 和 `value2` 是动态传入的参数值。
阅读全文
相关推荐

















