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 实验结果

①输入界面

②结果界面

相关推荐
kgduu1 分钟前
js之网络请求与远程资源
开发语言·javascript·网络
酉鬼女又兒3 分钟前
零基础入门前端JavaScript 核心语法:var/let/const、箭头函数与 setTimeout 循环陷阱全解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·蓝桥杯
暮冬-  Gentle°3 分钟前
设计模式在C++中的实现
开发语言·c++·算法
2501_908329856 分钟前
实时音频处理C++实现
开发语言·c++·算法
dapeng28707 分钟前
移动语义与完美转发详解
开发语言·c++·算法
虾..7 分钟前
网络其他重要协议或技术
开发语言·网络·php
We་ct7 分钟前
React Diff & Key 核心解析
开发语言·前端·javascript·react.js·前端框架·reactjs·diff
2501_918126918 分钟前
学习所有python写浏览器的语句
开发语言·python·学习
biubiubiu07069 分钟前
Agent 是如何拥有“手脚”的(ReAct 运行流程)
开发语言·前端·javascript
難釋懷10 分钟前
初识Lua
开发语言·junit·lua