当前位置: 首页 > news >正文

【SpringMVC】_简单示例计算器

目录

1. 需求分析

2. 接口定义

3. 请求参数

4. 响应数据

5. 服务器代码

6. 前端页面代码

7. 运行测试


为阶段性总结与应用,现将以Spring MVC项目创建一个可以实现加法的计算器为例

1. 需求分析

        加法计算器功能,对两个整数进行相加,需要客户端提供参与计算的两个数,服务器返回这两个整数计算的结果。

2. 接口定义

        (1)请求路径:cala/sum

        (2)请求方式:GET/POST

        (3)接口描述:计算两个整数相加

3. 请求参数

参数名类型是否必须备注
num1Integer参与计算的第一个数
num2Integer参与计算的第二个数

4. 响应数据

        (1)Content-Type:text/html

        (2)响应内容:The result is: 结果

5. 服务器代码

  创建相应控制器.java文件:

package com.example.demo.controller;import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RequestMapping("/calc")
@RestController
public class CalcController {@RequestMapping("/sum")public String sum(Integer num1, Integer num2){Integer sum =num1+num2;return "The result is: "+sum;}
}

6. 前端页面代码

static中创建html文件:

<!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>

7. 运行测试

以本地回环IP进行测试:

以num1=5,num2=3为例:

输入对应数字后点击计算:


注:附前后端交互简单示图:

相关文章:

  • PMP认证与NPDP认证哪个含金量高?
  • Redis 和 Mysql 如何保证两者数据一致性
  • Android下HWC以及drm_hwcomposer普法(下)
  • 2024盘古石初赛(服务器部分)
  • 前后端联调小细节
  • Go 如何通过 Kafka 客户端库 生产与消费消息
  • 2023年西安交通大学校赛(E-雪中楼)
  • 【深度学习】YOLOv10实战:20行代码将笔记本摄像头改装成目标检测监控
  • 实现样式一键切换
  • 超融合架构下,虚拟机高可用机制如何构建?
  • android 应用安装目录
  • 跨境电商多店铺:怎么管理?风险如何规避?
  • 微信小程序-页面配置
  • PostgreSQL常用插件
  • Kafka 集群部署(CentOS 单机模拟版)
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • Angular 2 DI - IoC DI - 1
  • CSS实用技巧
  • Git初体验
  • JAVA_NIO系列——Channel和Buffer详解
  • JavaScript函数式编程(一)
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • LeetCode541. Reverse String II -- 按步长反转字符串
  • mysql_config not found
  • Spring Boot快速入门(一):Hello Spring Boot
  • Unix命令
  • vagrant 添加本地 box 安装 laravel homestead
  • Vue.js源码(2):初探List Rendering
  • windows下如何用phpstorm同步测试服务器
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 猴子数据域名防封接口降低小说被封的风险
  • 力扣(LeetCode)965
  • 排序算法学习笔记
  • 通过几道题目学习二叉搜索树
  • 怎么将电脑中的声音录制成WAV格式
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • 如何正确理解,内页权重高于首页?
  • ​比特币大跌的 2 个原因
  • # 数据结构
  • #使用清华镜像源 安装/更新 指定版本tensorflow
  • #图像处理
  • (1)Nginx简介和安装教程
  • (HAL)STM32F103C6T8——软件模拟I2C驱动0.96寸OLED屏幕
  • (二)fiber的基本认识
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (六)Hibernate的二级缓存
  • (三分钟了解debug)SLAM研究方向-Debug总结
  • (转)Mysql的优化设置
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .mysql secret在哪_MySQL如何使用索引
  • .NET IoC 容器(三)Autofac
  • .net MVC中使用angularJs刷新页面数据列表
  • .NET 服务 ServiceController
  • .NET 回调、接口回调、 委托