Spring Web MVC 入门秘籍:从概念到实践的快速通道(上)

Spring Web MVC 入门秘籍:从概念到实践的快速通道(上)

个人主页♡喜欢做梦

欢迎  👍点赞  ➕关注  ❤️收藏  💬评论


目录

一、什么是Spring Web MVC?

1.定义

2.关于MVC

2.1什么是MVC?

二、学习Sring MVC

1.项目准备

2.@RestController注解的介绍

3.@RequestMapping注解

1.@RequestMapping只用在类上(相当于“只给文件夹起名,不给文件起名”)

2.@RequestMapping只用在方法上(相当于“只给文件起名,不给文件夹起名”)

3.@RequestMapping用在类和方法上(相当于给文件夹和文件都取名)

三、Postman

1.什么是Postman?

2.关于API

3.传参介绍

1.普通传参:通过查询字符串来传参

2.form-data(完整表示为:multipart/form-data)

3.x-www-form-urlencoded

4.raw:可以上传任意格式的文本,比如:text、JavaScript、json、html、xml

4.传递参数

1.传递单个参数

2.传递多个参数

3.传递对象

4.传递数组

5.传递集合


一、什么是Spring Web MVC?

1.定义

Spring Web MVC是基于Servlet API构建的原始Web框架。是Spring框架中用于构建Web应用程序的模块,基于模型-视图-控制器(MVC)构架模式。简称Spring MVC。
  • Servlet:Servlet是Java企业级开发中的一项核心技术,主要用于在Web服务器上处理客户端请求并生成的动态响应。Servlet不能独立运行,把必须部署在支持Servlet规范放入容器内。

2.关于MVC

2.1什么是MVC?

定义

MVC是一种软件构架模式,广泛应用于图形用户界面(GUI)和Web应用程序的开发中国。他通过将应用程序的逻辑分为三个核心部分,实现了关注点分离,提高了代码的可维护性、可扩展性和复用性。

MVC的核心组成:模型(Model)、视图(View)、控制器(Controller),三者各司其职又相互协作。

步骤

模型(Model):负责管理应用程序的数据和业务逻辑。是应用程序的“数据中心”。例如学生的家庭、号码、住址等数据。视图(View):负责展示数据,是用户直接看到和交互的界面。例如我们平常经常看到的网页哪些界面。同一个模型可以对应多个视图。控制器(Controller):作为模型和视图之间的“桥梁”,负责协调两者的交互,处理用户的核心业务逻辑。例如,“订单控制器”,用户请求下单,调用商品,那么商品模型的减少库存,调用订单模型创建订单,最后跳转订单成功页面。
  • 用户通过视图发起交互(例如在网页点击跳转页面)。
  • 控制器接收用户请求。
  • 控制器调用模型,进行数据处理(如验证、存储)。
  • 模型处理完数据后,并将结果返回给控制器。
  • 控制器选择对应的视图,并传递模型数据给视图。
  • 视图展示模型数据,用户看到最终结果。

简要概括:用户->视图->控制器->模型->控制器->视图->用户

二、学习Sring MVC

1.建立连接:将用户(浏览器)和Java连接起来,访问一个地址可以调用Spring 程序

2.请求:用户请求一些参数,想办法获取这些参数。

3.响应:执行了业务逻辑,把程序执行结果返回给用户。

1.项目准备

创建项目

点击New Project创建新项目

点击Spring Initializr,没有的话需要自己去下载,随后点击下一步

出现下面的界面

  • 这里注意一下,只能包含小写字母、数字、连字符(-)、下划线、句号(.),不能包含大写字母。

点击启动项目

建立连接

我们创建一个类,实现用户与浏览器的交互

代码如下

@RestController public class hello { @RequestMapping("/sayhello") public String say(){ return "hello"; } }

在浏览器输入网址:127.0.0.1:8080/sayhello 查看结果

  • 127.0.0.1:本地主机地址,表示定位到当前电脑。
  • 8080:是Spring Boot应用的默认端口号。表示定位到“电脑上运行的Spring Boot程序”。
  • /sayhello:请求路径,接口地址。表示定位带请求支援的位置。
  • http://127.0.0.1:8080/sayhello: 表示的就是向本地计算机中的8080端口程序,获取资源位置。

2.@RestController注解的介绍

@RestController注解就像给控制器类贴一个特殊标签,告诉Spring框架:这个类里的方法是传给前端的返回数据。让控制器里的方法直接返回的东西当成响应内容发给前端,不用再走“找页面”流程。

如果不控制器加@RestController注解会访问页面会怎么样?

结果如下:

@RestController的核心作用是“让方法返回数据”

如果没有@RestController,通常会用普通的@Controller注解,或者干脆不加控制器注解,那么类就不会被识别为控制器。

  • 用@Controller,方法返回的是“页面地址”

  • 什么控制器注解都不加,那么类只是一个普通类,接口无法访问。

3.@RequestMapping注解

定义:@RequestMapping是Spring框架中一个非常重要的注解,用于将特定的Http请求方法映射带对应的处理方法。@RequestMapping(“/hello”)中里面的/hello表示调用路径里面的方法的代码。路径不加/也可以,没有影响,最好可以加一下。

@RequestMapping注解既可以用在类上,也可以用在方法上:

1.@RequestMapping只用在类上(相当于“只给文件夹起名,不给文件起名”)

@RestController @RequestMapping("/sayhello") public class hello { public String say(){ return "hello"; } }

相当于系统找到了文件夹,但不知道具体是哪个文件。就像你找一个住址,你只知道是哪个身份,但你并不知道是哪一个县哪一个乡,找不到具体是哪一个位置。

2.@RequestMapping只用在方法上(相当于“只给文件起名,不给文件夹起名”)

@RestController public class hello { @RequestMapping("/sayhello") public String say(){ return "hello"; } } 

相当于系统不知道是哪个文件夹的文件,但是会搜索所有文件夹来查找这个文件,直接通过文件名来定位。

那么如果出现相同的文件名呢?会怎么样,我们来试一下。

@RestController @RequestMapping("/sayhello") public class hello { public String say1(){ return "hello1"; } public String say2(){ return "hello2"; } }

系统只知道文件名,但是有两个相同的文件名,会出现路径重复的问题,发生报错现象。

3.@RequestMapping用在类和方法上(相当于给文件夹和文件都取名)

@RestController @RequestMapping("/sayhello") public class hello { @RequestMapping("/hello1") public String say1(){ return "hello1"; } @RequestMapping("/hello2") public String say2(){ return "hello2"; } }

相当于给文件夹和文件都取名,可以进行具体的定位,不容易发生报错。

查看RestMapping是否即支持Post和Get

@RestController @RequestMapping("/number") public class Rest { //即支持post,又支持get @RequestMapping("/1") public Integer num1(){ return 1; } }

另一种写法

 @RequestMapping(value = "6",method = {RequestMethod.GET,RequestMethod.POST}) public Integer num6(){ return 6; }
  • RestMapping即支持Post和Get

如果我只要只能用get或者Post其中一种呢?应该怎么写

只用get

 // 只支持get //写法1 @RequestMapping(value="/2",method = RequestMethod.GET) public Integer num2(){ return 2; } //写法2 @GetMapping("/3") public Integer num3(){ return 3; }

只请求Post

 //只请求Post //写法1 @RequestMapping(value="/4",method = RequestMethod.POST) public Integer num4(){ return 4; } //写法2 @PostMapping("/5") public Integer num5(){ return 5; }

三、Postman

1.什么是Postman?

Poatman是一筐广泛用于API开发、测试和调试的工具,被开发者、测试工具等广泛使用,其核心价值体现在高效、便捷的处理API相关工作。

Post是API开发调试的高效工具,核心优势:

  • 调试简单:图形化界面,填好参数就能发送请求,不用写代码,响应结果直观展示。
  • 功能全面:支持各种HTTP请求方法和数据格式。
  • 协作方便:可将API分组管理,共享给团队;多环境一键切换,不用重复配置。
  • 能自动化测试:可写脚本验证响应,批量运行测试并生成报告,还能集成开发流程中自动检测问题。
  • 实用小工具:保存请求历史、自动生成API文档等,提升效率。

2.关于API

API(Application Programming Interface,应用程序编程接口)是不同软件之间进行交互的一套规则、协议和工具的集合,他规定了一方如何向另一方请求服务或数据,以及另一方如何响应。API就像两个软件之间的“桥梁”或“服务员”,让他们能按照统一的方式沟通,而无需了解对方的内部工作原理。

就像我们去网购的时候,我们直接对自己想要的东西直接下单购买即可,不用了解其内部具体流程是怎么样执行的,最后他都会把你要的东西给到你。这里“下单的流程”就是API规则。

界面介绍

3.传参介绍

1.普通传参:通过查询字符串来传参

2.form-data(完整表示为:multipart/form-data)

表单提交数据,在form标签中加上enctyped=“multipart/form-data”,通常用于提交图片/文件。对应Content-type:multipart/form-data

3.x-www-form-urlencoded

form表单:对应Content-type:application/x-www-form-urlencoded

4.raw:可以上传任意格式的文本,比如:text、JavaScript、json、html、xml

4.传递参数

1.传递单个参数

import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; @RestController @RequestMapping("/request") public class RequestController { @RequestMapping("/1") public String method(String string){ return "接收单个参数:"+string; } }
  • 接收时,参数名要一致,否则无法接收到参数
如果接受的参数基本类型不对应,会发生报错现象

基本类型和引用类型传参的区别

@RequestMapping("/2") public String method2(Integer i){ return "接收单个参数:"+i; } @RequestMapping("/3") public String method3(int j){ return "接收单个参数:"+j; }
  • 引用类型:传参时,若不传值,会赋值为null,不会发生报错现象
  • 基本类型:传参时,若不传值,不会发生报错现象

2.传递多个参数

 @RequestMapping("/4") public String method3(String name,Integer age){ return "接收多个参数: "+"姓名:"+name+" 年龄:"+age; }

3.传递对象

 @RequestMapping("/5") public String method3(User user){ return "接收对象参数:"+user.toString(); } @RestController @RequestMapping("/User") public class User { private String name; private int password; private int age; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getPassword() { return password; } public void setPassword(int password) { this.password = password; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } @Override public String toString() { return "User{" + "name='" + name + '\'' + ", password=" + password + ", age=" + age + '}'; } }

后端参数重命名:@RequestParam

如果前后端参数命名不一致,可能会出接收不到的情况,这时候我们可以使用@RequestParam来重命名前后端参数。

//将其重命名为str @RequestMapping("/6") public String method6(@RequestParam("str")String s){ return "接收参数:"+s; }
  • 使用@RequestParam重命名时参数就成了必传参数,否则将会报错
  • 使用@RequestParam时,就不能再使用原来的前后端的参数名

如果真的不想要传参数怎么办?
看一下@RequestParam的源码

其默认参数为true,所以一定要传参数,我们将其改为false就好了

@RequestMapping("/7") public String method7(@RequestParam(value = "str",required = false)String s){ return "接收参数:"+s; }

4.传递数组

@RequestMapping("/8") public String method8(String[] s){ return Arrays.toString(s); }

5.传递集合

传递集合需要使用@RequestParam用于接收单个请求参数。如果要接收List类型,需要显示开启“允许多值”模式,否则Spring无法解析

 @RequestMapping("/9") public List<Integer> method8(@RequestParam List<Integer> num){ return num; }

Read more

基于YOLOv8/YOLOv10/YOLOv11/YOLOv12与SpringBoot的行人车辆检测系统(DeepSeek智能分析+web交互界面+前后端分离+YOLO数据

基于YOLOv8/YOLOv10/YOLOv11/YOLOv12与SpringBoot的行人车辆检测系统(DeepSeek智能分析+web交互界面+前后端分离+YOLO数据

一、 摘要 摘要: 随着城市化进程的加速和智能交通系统的普及,高效、准确的行人与车辆目标检测成为智慧城市、自动驾驶及公共安全等领域的关键技术。传统视频监控方法依赖于人工筛查,存在实时性差、易漏检和成本高昂等问题。本研究设计并实现了一个基于深度学习与Web技术的实时行人车辆检测与分析系统。系统核心集成当前最前沿的YOLOv8、YOLOv10、YOLOv11及YOLOv12四种目标检测算法,构建了一套可灵活切换、性能优异的检测引擎,专门针对“行人”和“车辆”两类目标进行精准识别与定位。系统采用前后端分离架构,后端基于SpringBoot框架构建,提供了RESTful API接口;前端提供直观的交互界面,实现了用户管理、多模态检测(图像、视频、实时摄像头)与全流程数据追溯。创新性地集成DeepSeek大型语言模型,可为检测场景提供智能语义分析与报告生成,提升了系统的决策支持能力。系统将全部检测记录与用户数据持久化存储于MySQL数据库,并通过可视化图表展示检测统计结果。经测试,系统在5607张图像数据集上表现稳定,实现了从算法应用到业务管理的完整闭环,为相关领域提供了可部署、易扩展的一体化

nginx 部署前端vue项目

nginx 部署前端vue项目

👨‍⚕主页: gis分享者 👨‍⚕感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕收录于专栏:前端工程师 文章目录 * 一、🍓什么是nginx? * 二、🍓nginx 部署前端vue项目步骤 * 2.1 🍉安装nginx * 2.1.1 🍌windows环境安装 * 2.1.2 🍌linux环境安装 * 2.2 🍉打包vue项目 * 2.3 🍉配置nginx 一、🍓什么是nginx? Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。 优点: * 支持海量高并发:采用IO多路复用epoll。官方测试Nginx能够支持5万并发链接,实际生产环境中可以支撑2-4万并发连接数。 * 内存消耗少 * 可商业化 * 配置文件简单 除了这些优点还有很多,比如反向代理功能,灰度发布,负载均衡功能等

前端网页开发学习(HTML+CSS+JS)有这一篇就够!

前端网页开发学习(HTML+CSS+JS)有这一篇就够!

目录 HTML教程 ▐ 概述 ▐ 基础语法 ▐ 文本标签 ▐ 列表标签  ▐ 表格标签 ▐ 表单标签 CSS教程 ▐ 概述 ▐ 基础语法 ▐ 选择器 ▐ 修饰文本 ▐ 修饰背景 ▐ 透明度 ▐ 伪类 ▐ 盒子模型 ▐ 浮动 ▐ 定位 JavaScript教程 ▐ 概述 ▐ 基础语法 ▐ 函数 ▐ 事件 ▐ 计时   ▐ HTML DOM html css js三者之间的关系 HTML教程 ▐ 概述 HTML是HyperText  Markup  Language的缩写,即超文本标记语言。它为我们提供了许多功能不同的标签,最终运行时由浏览器对标签进行解析,呈现出不同标签的样子。 ▐ 基础语法 注释:  <!--   -->        ( Ctrl + / ) <body> <