模块中需要在前端实现输入两个字段值,第三个字段值会通过后段的计算代码自动计算出来传到前端。这个要在后端怎么代码呢?例如普通的两个数的求和功能dao service controller 有例子吗 springboot vue
演示代码:
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<ul>
<label for="parameter1">参数1:</label>
<input type="number" placeholder="请输入参数1" v-model="parameter1">
<br />
<label for="parameter2">参数2:</label>
<input type="number" placeholder="请输入参数2" v-model="parameter2">
<br />
<button type="button" @click="test">测试</button>
<br />
<label for="sum">结果:</label>
<li>{{ sum }}</li>
</ul>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
},
data() {
return {
parameter1: '',
parameter2: '',
sum: ''
}
},
methods: {
test() {
this.$http.get('http://localhost:8090/test/getSum', {
params: {
parameter1: this.parameter1,
parameter2: this.parameter2
}
}).then(function(res) {
this.sum = res.data;
}, function(res) {
console.log('失败')
})
}
},
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
@RestController
@RequestMapping("/test")
public class TesController {
@GetMapping(value = "/getSum")
@CrossOrigin("http://localhost:8080")
public int getSum(@RequestParam( name = "parameter1") int parameter1,
@RequestParam( name = "parameter2")int parameter2) {
return parameter1 + parameter2;
}
}
这甚至不需要用到service和dao 你的需求似乎不用查数据库 直接在controller中操作就好了
或者哪位大佬有示例代码让我看看嘛
你把计算规则给前端说一下,前端写一个方法就好了
前后端分离,前端通过 post 请求传输两个参数,后端通过 controller 接收这两个参数,直接运算处理,然后 return 回前端即可。
需要示例的话私聊我。
@RestController
@RequestMapping("/hello")
public class HelloController {
@GetMapping(value = "/add")
public String say(@RequestParam("param1") Integer param1, @RequestParam("param2") Integer param2){
int result = param1 + param2;
return "result:"+result;
}
}
@GetMapping("/sum")
public Integer sum(@RequestParam("a") Integer a,@RequestParam("b") Integer b, HttpServletRequest request){
if(a==null){
a=0;
}
if(b==null){
b=0;
}
return a+b;
}