SpringMvc实现简易计算器功能

 更新时间:2022年07月21日 11:46:49   作者:little 源  
这篇文章主要为大家详细介绍了SpringMvc实现简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

用SpringMvc做一个简易计算器,供大家参考,具体内容如下

一 .domain类

package ssm1.domain;

public class JiSuan {
    private int numOne;
    private int numTwo;
    private String yunSuan;
    private int result;

    public int getNumOne() {
        return numOne;
    }

    public void setNumOne(int numOne) {
        this.numOne = numOne;
    }

    public int getNumTwo() {
        return numTwo;
    }

    public void setNumTwo(int numTwo) {
        this.numTwo = numTwo;
    }

    public String getYunSuan() {
        return yunSuan;
    }

    public void setYunSuan(String yunSuan) {
        this.yunSuan = yunSuan;
    }

    public int getResult() {
        return result;
    }

    public void setResult(int result) {
        this.result = result;
    }

    @Override
    public String toString() {
        return "JiSuan{" +
                "numOne=" + numOne +
                ", numTwo=" + numTwo +
                ", yunSuan='" + yunSuan + '\'' +
                ", result=" + result +
                '}';
    }
}

二.Controller

package ssm1.Controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import ssm1.domain.JiSuan;


@Controller
@RequestMapping(path="/calculatorController")
public class CalculatorController {
    @RequestMapping(path="/calculate")
    @ResponseBody
    public JiSuan suan( Model model,@RequestBody JiSuan jiSuan)
    {
        System.out.println(jiSuan);
        int numThree=0;
        if(jiSuan.getYunSuan().equals("+"))
        {
            numThree=jiSuan.getNumOne()+jiSuan.getNumTwo();
        }
        else if(jiSuan.getYunSuan().equals("-"))
        {
            numThree=jiSuan.getNumOne()-jiSuan.getNumTwo();
        }
        else if(jiSuan.getYunSuan().equals("*"))
        {
            numThree=jiSuan.getNumOne()*jiSuan.getNumTwo();
        }else
        {
            numThree=jiSuan.getNumOne()/jiSuan.getNumTwo();
        }
        jiSuan.setResult(numThree);
        model.addAttribute("jiSuan",jiSuan);
        return jiSuan;
    }
}

三.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js" type="text/javascript"></script>
<html>
<head>
    <title>Title</title>
    <script language="JavaScript">
        $(function () {
            $("#btn").click(function(){
                let num1=$("#numOne").val();
                let num2=$("#numTwo").val();
                let yun=$("#yunsuan").val();
                let param='{"numOne":'+'"'+num1+'"'+',"numTwo":'+'"'+num2+'"'+',"yunSuan":'+'"'+yun+'"'+'}';
               // let array=new String();
         
                $.ajax(
                    {
                        url:"${pageContext.request.contextPath}/calculatorController/calculate",
                        contentType:"application/json;charset=utf-8",
                        data:param,
                        dataType:"Json",
                        type:"POST",
                        success:function (data) {
                            var dataObj = data.result;
                           $("#result").html("结果="+dataObj);
                           $("#test2").innerHTML="success";
                        }
                    }
                )
            })

        })

        function checkNum1(num) {
            let num1 = num.value;
            if (num1 == '') {
                alert("不能输入为空");
                return false;
            }
            if (Math.round(num1) != num1) {
                alert("这个数不是一个数字");
                num.value = '';
                num.onfocus;
                return false;
            }
            return true;
        }
    </script>
</head>
<body>
<form name="form1" action="" method="post">
    请输入第一个数:<input type="text" name="numOne" id="numOne" onblur="checkNum1(this)">
    <select name="yunSuan" id="yunsuan">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    请输入第二个数:<input type="text" name="numTwo" id="numTwo" onblur="checkNum1(this)">
    <input type="button" value="计算" id="btn">
    <label id="result"></label>
    <label id="test2"></label>
</form>
</body>
</html>

js包,calculator.jsp,放在webapp下。

运行截图。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Java选择排序法以及实例详解

    Java选择排序法以及实例详解

    在本篇文章里小编给大家整理了一篇关于Java选择排序法以及实例内容,并做了详细分析,有兴趣的朋友们可以跟着学习下。
    2022-11-11
  • Java 超详细讲解hashCode方法

    Java 超详细讲解hashCode方法

    在 Java 应用程序执行期间,在同一对象上多次调用 hashCode 方法时,必须一致地返回相同的整数,前提是对象上 equals 比较中所用的信息没有被修改。从某一应用程序的一次执行到同一应用程序的另一次执行,该整数无需保持一致
    2022-04-04
  • spring task 定时任务实现示例

    spring task 定时任务实现示例

    本篇文章主要介绍了spring task 定时任务实现示例,具有一定的参考价值,有兴趣的可以了解一下。
    2017-01-01
  • SpringAOP中的通知Advice详解

    SpringAOP中的通知Advice详解

    这篇文章主要介绍了SpringAOP中的通知Advice详解,Spring 的 AOP 功能中一个关键概念是通知Advice与切点Pointcut表达式相关联在特定节点织入一些逻辑,Spring 提供了五种类型的通知,需要的朋友可以参考下
    2023-08-08
  • Java图片转字符图片的生成方法

    Java图片转字符图片的生成方法

    本文主要实现了将一张图片转成字符图片,同样可以遍历每个像素点,然后将像素点由具体的字符来替换,从而实现字符化处理,感兴趣的可以了解一下
    2021-11-11
  • Java简单验证身份证功能示例

    Java简单验证身份证功能示例

    这篇文章主要介绍了Java简单验证身份证功能,涉及java针对字符串的截取、判断相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • Java实现生成Excel树形表头完整代码示例

    Java实现生成Excel树形表头完整代码示例

    这篇文章主要介绍了Java实现生成Excel树形表头完整代码示例,具有一定借鉴价值,需要的朋友可以参考下。
    2017-12-12
  • Spring boot自定义http反馈状态码详解

    Spring boot自定义http反馈状态码详解

    这篇文章主要给大家介绍了Spring boot自定义http反馈状态码的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-06-06
  • Java实现JWT登录认证的示例代码

    Java实现JWT登录认证的示例代码

    Java中我们可以使用诸如JJWT这样的库来生成和验证JWT,本文主要介绍了Java实现JWT登录认证的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-04-04
  • Java读取传输FTP文件实现示例

    Java读取传输FTP文件实现示例

    本文主要介绍了Java读取传输FTP文件方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04

最新评论