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

①输入界面

②结果界面

相关推荐
kyriewen1134 分钟前
给浏览器画个圈:CSS contain 如何让页面从“卡成PPT”变“丝滑如德芙”
开发语言·前端·javascript·css·chrome·typescript·ecmascript
娇娇yyyyyy1 小时前
QT编程(18): Qt QItemSelectionModel介绍
开发语言·qt
zhglhy1 小时前
Java分库分表技术对比分析
java·分库分表
wuyikeer1 小时前
Spring Framework 中文官方文档
java·后端·spring
豆豆的java之旅1 小时前
软考中级软件设计师 数据结构详细知识点(含真题+练习题,可直接复习)
java·开发语言·数据结构
sthnyph1 小时前
QT开发:事件循环与处理机制的概念和流程概括性总结
开发语言·qt
大尚来也2 小时前
Java 反射:从“动态魔法”到生产实战的避坑指南
开发语言
无心水2 小时前
Java时间处理封神篇:java.time全解析
java·开发语言·python·架构·localdate·java.time·java时间处理
wuyikeer2 小时前
Spring BOOT 启动参数
java·spring boot·后端
多看书少吃饭2 小时前
Vue + Java + Python 打造企业级 AI 知识库与任务分发系统(RAG架构全解析)
java·vue.js·笔记