JavaEE作业-实验二

目录

[1 实验内容](#1 实验内容)

[2 实验要求](#2 实验要求)

[3 思路](#3 思路)

[4 核心代码](#4 核心代码)

[5 实验结果](#5 实验结果)


1 实验内容

实现两个整数求和的WEB程序

2 实验要求

①采用SpringMVC框架实现

②数据传送到WEB界面采用JSON方式

3 思路

①创建一个SpringMVC项目,配置好相关的依赖和配置文件。

②创建一个Controller类,用于处理请求和响应。命名为SolutionContorller。

③在SolutionContorller中创建一个方法,用于接收两个整数参数,并进行求和操作。命名为sum。

④在sum方法中,将接收到的两个整数进行求和,并将结果保存在一个变量中。

⑤创建一个Map对象,用于存储求和结果和其他相关信息。使用HashMap。

⑥将求和结果和其他相关信息存储在Map中

⑦使用JSON库,将Map对象转换为JSON格式的字符串。

⑧在sum方法中,将JSON格式的字符串作为响应返回。

⑨在Spring配置文件中,配置视图解析器,将返回的JSON字符串作为响应内容。

⑩在WEB界面中,发送请求到SumController的sum方法,并处理响应的JSON数据。

⑪在WEB界面中,展示求和结果和其他相关信息。

4 核心代码

后端代码:

@Controller
@RequestMapping("/func")
public class Solution {

@GetMapping("/sum")

public ModelAndView sum(@RequestParam("num1") int num1, @RequestParam("num2") int num2) {

int ans = num1 + num2;

ModelAndView mv = new ModelAndView();

Map<String, Integer> map = new HashMap<>();

map.put("sum", ans);

String resultJson = new Gson().toJson(map);

mv.addObject("sum", resultJson);

mv.setViewName("result");

return mv;
}
}

前端代码:

①提交数据

<form action="/func/sum" method="get">
<input type="number" name="num1" placeholder="请输入第一个数字" required />
<input type="number" name="num2" placeholder="请输入第二个数字" required />
<input type="submit" value="计算" />
</form>

②显示结果

<body>
计算的结果为, ${sum}
</body>

5 实验结果

①输入界面

②结果界面

相关推荐
娶不到胡一菲的汪大东44 分钟前
C# 泛型 委托 接口
开发语言·windows·c#
Antonio9151 小时前
【Swift】UIKit:UISegmentedControl、UISlider、UIStepper、UITableView和UICollectionView
开发语言·ios·swift
IUGEI1 小时前
【计算机网络】HTTP/3如何实现可靠传输?
java·网络·后端·网络协议·tcp/ip·计算机网络·http
0***141 小时前
JavaScript视频处理案例
开发语言·javascript·音视频
ceclar1231 小时前
C#常用集合的使用
开发语言·windows·c#
z***I3941 小时前
PHP Composer
开发语言·php·composer
u***u6852 小时前
JavaGraphQL案例
java·spring boot·后端
1***81532 小时前
Swift在服务端开发的可能性探索
开发语言·ios·swift
2501_941879812 小时前
Python在微服务高并发异步流量控制与动态限流熔断架构中的实践
java·开发语言
zero13_小葵司2 小时前
JavaScript性能优化系列(八)弱网环境体验优化 - 8.2 离线支持:Service Worker实现基本离线功能
开发语言·javascript·性能优化