什么是 Spring MVC?从零讲透 Web 开发核心(附完整代码 + 避坑指南)

视频看了几百小时还迷糊?关注我,几分钟让你秒懂!


一、真实场景:你写的接口,Spring 到底做了什么?

你写了一个简单的接口:

@RestController public class UserController { @GetMapping("/user/{id}") public User getUser(@PathVariable Long id) { return new User(id, "张三"); } }

启动项目,浏览器访问http://localhost:8080/user/123,立刻返回 JSON:

{"id":123,"name":"张三"}

但你有没有想过:

  • 路径/user/123是怎么匹配到getUser方法的?
  • {id}是怎么自动转成Long id的?
  • 返回的User对象是怎么变成 JSON 的?
  • 整个流程是谁在协调?

👉答案就是:Spring MVC!


二、Spring MVC 是什么?(通俗版)

Spring MVC 是 Spring 框架中专门用于构建 Web 应用的模块,它基于经典的“MVC 设计模式”,帮你自动处理 HTTP 请求、参数绑定、视图渲染等繁琐工作。

✅ 核心目标:

  • 让你只关注业务逻辑(Controller 方法)
  • 自动完成请求 → 方法调用 → 响应的全流程

三、MVC 是啥?为什么重要?

MVC =Model(模型) + View(视图) + Controller(控制器)

组件职责在 Spring Boot 中的表现
Model数据载体Java Bean(如UserOrder
View展示层Thymeleaf 模板 / 或直接返回 JSON(无 View)
Controller控制器@RestController@Controller

💡 在前后端分离时代,View 常被省略,Controller 直接返回 JSON(即 RESTful API),但底层仍是 Spring MVC 在驱动!


四、Spring MVC 的核心组件(架构图解)

浏览器 → DispatcherServlet → HandlerMapping → Controller → Service → DB ↑ ↓ HandlerAdapter ViewResolver(可选)

关键角色说明:

组件作用
DispatcherServlet前端控制器,所有请求的统一入口(本质是一个 Servlet!)
HandlerMapping根据 URL 找到对应的 Controller 方法
HandlerAdapter调用 Controller 方法,并处理参数/返回值
ViewResolver(可选)将逻辑视图名转为实际页面(如index.html
HttpMessageConverter将对象 ↔ JSON/XML(如@ResponseBody依赖它)

🔥重点:DispatcherServlet 是 Spring MVC 的心脏!


五、动手实战:手写一个 Spring MVC 流程(Spring Boot 版)

1️⃣ 引入依赖(自动包含 Spring MVC)

<!-- pom.xml --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>

spring-boot-starter-web内部已包含spring-webmvc


2️⃣ 编写 Model

// User.java public class User { private Long id; private String name; // 构造函数、getter/setter 省略(可用 Lombok) public User(Long id, String name) { this.id = id; this.name = name; } // getter... }

3️⃣ 编写 Controller(核心!)

// UserController.java @RestController @RequestMapping("/api") public class UserController { // GET /api/user/123 @GetMapping("/user/{id}") public User getUser(@PathVariable Long id) { System.out.println("收到请求,ID=" + id); return new User(id, "张三"); } // POST /api/user @PostMapping("/user") public String createUser(@RequestBody User user) { // 实际应调用 service 保存到 DB return "用户 " + user.getName() + " 创建成功!"; } }

4️⃣ 启动 & 测试

# 启动 mvn spring-boot:run # 测试 GET curl http://localhost:8080/api/user/123 # 测试 POST curl -X POST http://localhost:8080/api/user \ -H "Content-Type: application/json" \ -d '{"id":456,"name":"李四"}'

✅ 输出:

{"id":123,"name":"张三"}
用户 李四 创建成功!

🎯 这背后全是 Spring MVC 在默默工作!


六、反例警告 ❌ —— 新手常踩的坑

❌ 反例1:忘记加@RequestBody导致参数绑定失败

// 错误写法! @PostMapping("/user") public String createUser(User user) { // 缺少 @RequestBody return "OK"; }

💥 结果:user对象所有字段为 null!
✅ 正确:JSON 请求体必须用@RequestBody标注


❌ 反例2:混淆@Controller@RestController

// 错误用法 @Controller public class BadController { @GetMapping("/test") public String test() { return "hello"; // 会被当作视图名! } }

💥 结果:Spring 会去找templates/hello.html,找不到就 404!
✅ 正确:

  • 返回 JSON → 用@RestController
  • 返回页面 → 用@Controller+@ResponseBody(或配合 Thymeleaf)

❌ 反例3:路径重复导致映射冲突

@RestController public class AController { @GetMapping("/data") public String a() { return "A"; } } @RestController public class BController { @GetMapping("/data") public String b() { return "B"; } // 冲突! }

💥 启动报错:Ambiguous mapping(映射不明确)
✅ 解决:确保每个 URL 唯一,或使用不同前缀(如/api/v1,/api/v2


七、Spring MVC vs 原生 Servlet?优势在哪?

对比项原生 ServletSpring MVC
参数获取request.getParameter("id")@PathVariable Long id
JSON 转换手动用 Jackson自动@ResponseBody
路由管理手写 if-else 或 web.xml注解@GetMapping
异常处理try-catch@ControllerAdvice全局处理
扩展性拦截器、AOP、自定义转换器等

✅ Spring MVC极大简化 Web 开发,避免重复造轮子!


八、注意事项总结 ⚠️

  1. @RestController = @Controller + @ResponseBody,返回值直接序列化。
  2. 路径变量用@PathVariable,请求参数用@RequestParam,JSON 体用@RequestBody
  3. Spring MVC 默认使用 Jackson 做 JSON 转换,确保类有 getter/setter。
  4. 不要手动创建 DispatcherServlet!Spring Boot 已自动配置。
  5. 静态资源(如 JS/CSS)放在resources/static/下,Spring MVC 会自动放行

九、结语

Spring MVC 不是“另一个框架”,而是Spring 生态中处理 Web 请求的标准方案。无论你是做传统页面渲染,还是现代 RESTful API,都离不开它。

理解它,你就掌握了 Java Web 开发的“任督二脉”!

视频看了几百小时还迷糊?关注我,几分钟让你秒懂!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/1154440.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Nodejs和vue的图书馆管理系统__图书借阅,图书阅读系统

文章目录图书馆管理系统&#xff08;Node.js Vue&#xff09;摘要--nodejs技术栈--结论源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;图书馆管理系统&#xff08;Node.js Vue&#xff09;摘要 该系统采用前后端分离架构&#xff0c…

JSON输出神器:通义千问2.5-0.5B结构化数据处理

JSON输出神器&#xff1a;通义千问2.5-0.5B结构化数据处理 在边缘计算、轻量级AI应用和本地化部署需求日益增长的今天&#xff0c;如何在资源受限设备上实现高效、准确、结构化的自然语言处理&#xff0c;成为开发者关注的核心问题。阿里推出的 Qwen2.5-0.5B-Instruct 模型&am…

可访问性测试资源:构建无障碍数字世界的专业生态

——面向测试工程师的社区支持与技术工具深度解析 一、引言&#xff1a;可访问性测试的行业价值重塑 随着全球数字包容性立法加速&#xff08;如欧盟EN 301 549、美国Section 508&#xff09;&#xff0c;可访问性测试已从道德诉求升级为法律强制要求。2026年全球无障碍技术市…

GLM-4.6V-Flash-WEB显存溢出?轻量化部署优化实战

GLM-4.6V-Flash-WEB显存溢出&#xff1f;轻量化部署优化实战 智谱最新开源&#xff0c;视觉大模型。 1. 背景与问题定位 1.1 GLM-4.6V-Flash-WEB 简介 GLM-4.6V-Flash-WEB 是智谱 AI 推出的最新开源多模态视觉大模型&#xff0c;专为网页端与 API 双重推理场景设计。该模型在…

如何判断手势类型?基于关键点的分类逻辑详解

如何判断手势类型&#xff1f;基于关键点的分类逻辑详解 1. 引言&#xff1a;AI 手势识别与追踪 随着人机交互技术的不断演进&#xff0c;手势识别正逐步成为智能设备、虚拟现实、增强现实乃至智能家居中的核心感知能力。传统触摸或语音交互存在场景局限&#xff0c;而基于视…

AI手势识别实战:MediaPipe Hands系统集成

AI手势识别实战&#xff1a;MediaPipe Hands系统集成 1. 引言&#xff1a;人机交互的新入口——AI手势识别 1.1 技术背景与应用场景 随着人工智能和计算机视觉技术的飞速发展&#xff0c;非接触式人机交互正逐步从科幻走向现实。在智能设备、虚拟现实&#xff08;VR&#xf…

MediaPipe模型训练技巧:提升小脸检测准确率

MediaPipe模型训练技巧&#xff1a;提升小脸检测准确率 1. 背景与挑战&#xff1a;AI人脸隐私保护中的“小脸漏检”问题 在当前数字内容爆发式增长的背景下&#xff0c;个人隐私保护已成为图像处理领域的核心议题。尤其在社交媒体、公共监控、医疗影像等场景中&#xff0c;自…

AI骨骼检测在教育领域的应用:体育课动作规范检测系统

AI骨骼检测在教育领域的应用&#xff1a;体育课动作规范检测系统 1. 技术背景与教育痛点 在传统体育教学中&#xff0c;教师往往需要通过肉眼观察学生的动作是否标准&#xff0c;例如广播体操、篮球投篮或田径起跑姿势。这种方式存在明显的主观性和局限性&#xff1a;教师难以…

Nodejs和vue的婚纱影楼服务平台设计和实现_

文章目录婚纱影楼服务平台的设计与实现系统功能模块设计技术实现关键点平台特色与创新--nodejs技术栈--结论源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;婚纱影楼服务平台的设计与实现 该平台基于Node.js和Vue.js构建&#xff0c;采…

导师严选8个AI论文软件,助你轻松搞定本科生毕业论文!

导师严选8个AI论文软件&#xff0c;助你轻松搞定本科生毕业论文&#xff01; AI 工具助力论文写作&#xff0c;高效又省心 随着人工智能技术的不断进步&#xff0c;越来越多的 AI 工具被应用于学术写作中&#xff0c;尤其是对于本科生来说&#xff0c;这些工具在降低 AIGC 率、…

GraphRAG实战:用知识图谱让大模型理解深层逻辑,小白也能上手的收藏教程

文章介绍了传统RAG系统的局限性&#xff0c;并详细解析了微软GraphRAG解决方案&#xff0c;它通过构建知识图谱&#xff08;实体为节点&#xff0c;关系为边&#xff09;使大模型能理解信息间逻辑连接&#xff0c;而非简单检索文本。文章提供了完整的GraphRAG实现流程&#xff…

【珍藏】Agent技术深度解析:能“自己想、自己干、自己复盘“的智能系统开发全攻略

文章详解了AI Agent与Workflow的区别&#xff0c;指出当问题复杂、长尾且多变&#xff0c;需跨系统查证并在对话中澄清/协商/决策时&#xff0c;应优先选择Agent框架。对比了AutoGPT、LangGraph、Dify、CrewAI和AutoGen五款主流框架的特点与适用场景&#xff0c;帮助开发者做出…

什么是 SPI?Java 高级扩展机制一文讲透(附 Spring Boot 实战 + 避坑指南)

视频看了几百小时还迷糊&#xff1f;关注我&#xff0c;几分钟让你秒懂&#xff01;一、真实场景&#xff1a;为什么 JDBC 换数据库只需改配置&#xff1f;你肯定写过这样的代码&#xff1a;Connection conn DriverManager.getConnection("jdbc:mysql://...", "…

2026年AI视觉落地必看:MediaPipe人体姿态估计完整指南

2026年AI视觉落地必看&#xff1a;MediaPipe人体姿态估计完整指南 1. 引言&#xff1a;AI人体骨骼关键点检测的现实价值 随着人工智能在计算机视觉领域的持续突破&#xff0c;人体姿态估计&#xff08;Human Pose Estimation&#xff09;正从实验室走向真实世界的大规模应用。…

AI人脸隐私卫士离线版部署教程:断网环境下的隐私保护方案

AI人脸隐私卫士离线版部署教程&#xff1a;断网环境下的隐私保护方案 1. 引言 在数字化时代&#xff0c;图像和视频中的人脸信息泄露已成为不可忽视的隐私风险。无论是企业内部文档、政府敏感资料&#xff0c;还是个人社交分享&#xff0c;未经脱敏处理的照片可能带来身份盗用…

手部追踪系统实战:MediaPipe Hands+IoT集成

手部追踪系统实战&#xff1a;MediaPipe HandsIoT集成 1. 引言&#xff1a;AI 手势识别与追踪的工程价值 随着人机交互技术的不断演进&#xff0c;非接触式控制正成为智能设备、虚拟现实、工业自动化等领域的关键能力。传统输入方式&#xff08;如鼠标、键盘、触摸屏&#xf…

Nodejs和vue的家庭成员亲子相册图片照片管理系统的设计与实现_

文章目录 系统设计目标技术架构核心功能模块安全与性能优化实现成果 --nodejs技术栈--结论源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01; 系统设计目标 该系统旨在通过Node.js与Vue.js技术栈构建一个家庭亲子相册管理系统&#xff0c…

NX二次开发项目应用:批量处理脚本实战

NX二次开发实战&#xff1a;用Python脚本批量重命名部件并智能维护装配引用你有没有遇到过这样的场景&#xff1f;项目进入改型阶段&#xff0c;上百个零件需要统一加上版本号前缀&#xff1b;或是要将旧平台的数据迁移到新PLM系统&#xff0c;文件命名规范必须重构。手动一个个…

Nodejs和vue的家教信息匹配与预约系统__

文章目录系统概述技术架构核心功能创新点应用价值--nodejs技术栈--结论源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;系统概述 该系统基于Node.js与Vue.js构建&#xff0c;旨在实现家教信息的高效匹配与在线预约功能。后端采用Node.j…

MediaPipe Pose实战教程:WebUI上传图片自动生成骨架图

MediaPipe Pose实战教程&#xff1a;WebUI上传图片自动生成骨架图 1. 学习目标与前置知识 1.1 教程定位 本教程旨在带你从零开始&#xff0c;快速搭建一个基于 Google MediaPipe Pose 模型的本地化人体骨骼关键点检测系统。通过集成 WebUI 界面&#xff0c;用户只需上传一张…