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

①输入界面

②结果界面

相关推荐
九九落4 分钟前
JavaScript 实现北京时间精确到毫秒显示:UTC+8、Asia/Shanghai 与在线时间校准详解
开发语言·javascript·ecmascript
AC赳赳老秦5 分钟前
企业级合规审计体系:用 OpenClaw 落地采集全链路留痕,自动生成合规审计报告
java·python·django·beautifulsoup·php·deepseek·openclaw
东华万里33 分钟前
第41篇 C++类与对象核心知识梳理:从底层原理到面试实战
开发语言·c++·大学生专区
吃杠碰小鸡1 小时前
VsCode中开发Java项目
java·vscode
微小冷1 小时前
Python图论库NetworkX初步
开发语言·python·图论·graph·networkx·digraph
宠友信息1 小时前
内容社区源码开发实践解析,用Spring Boot打造1:1仿小红书源码平台
java·spring boot·redis·websocket·mysql·spring·uni-app
行百里er1 小时前
加个依赖就生效?一行搞定 Spring Boot Starter 自动装配
java·后端·监控
月华路2 小时前
G1 新生代对象晋升老年代:实现机制与 GC 日志
java·jvm·算法
Data_Journal2 小时前
如何使用 Python 抓取 Google Flights:分步指南
大数据·开发语言·数据库·python·scrapy
AI人工智能+电脑小能手2 小时前
大白话说Java设计模式-34-命令模式(业务实战篇)
java·spring·设计模式·命令模式·异步任务·撤销重做·事务封装