0
点赞
收藏
分享

微信扫一扫

简单求和计算器

其实对于计算器的写法在C语言阶段就已经有了,但是,在目前阶段《前后端交互》,这算是一种全新的写法,毕竟将数据从前端返回给后端,然后再将数据返回给前端,都涉及到一些参数的交互,值得我们学习深思!

简单的前端代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<form action="calc/sum" method="post">
    <h1>计算器</h1>
    数字1:<input name="num1" type="text"><br>
    数字2:<input name="num2" type="text"><br>
    <input type="submit" value=" 点击相加 ">
</form>
</body>

</html>

前端页面成果为:

那么,我们来看一下后端的代码吧!

@RequestMapping("/calc")
@RestController
public class calcController {
    @RequestMapping("sum")
    public String sum(Integer num1,Integer num2){
        Integer sum=num1+num2;
        return "计算结果为: "+ sum;
    }
    
}

最后运行结果为;

虽然上面的代码很是简洁,但是,有很多地方值得我们思索!

这几个地方要一一对应,否则程序不能正常执行!!

举报

相关推荐

0 条评论