前端请求到 SpringMVC 的处理流程

1. 发起请求

客户端通过 HTTP 协议向服务器发起请求。

2. 前端控制器(DispatcherServlet)

这个请求会先到前端控制器 DispatcherServlet ,它是整个流程的入口点 ,负责接收请求并将其分发给相应的处理器

3. 处理器映射(HandlerMapping)

DispatcherServlet 调用 HandlerMapping 来确定哪个 Controller 应该处理这个请求。通常会根据请求的 URL 来确定

4. 处理器适配器(HandlerAdapter)

一旦找到目标 Controller,DispatcherServlet 会使用 HandlerAdapter 来调用 Controller 的处理方法

5. 执行处理器(Controller)

Controller 处理请求,处理完后返回一个 ModelAndView 对象,其中包含模型数据和逻辑视图名

6. 视图解析器(ViewResolver)

DispatcherServlet 接收到 ModelAndView 后,会使用 ViewResolver 来解析视图名称,找到具体的视图页面

7. 渲染视图

视图使用模型数据渲染页面,生成最终的页面内容

8. 响应结果

DispatcherServlet 将视图结果返回给客户端


在前后端分离的情况下,步骤 ⑥、⑦、⑧ 会略有不同,后端通常只需要处理数据,并将 JSON 格式的数据返回给前端就可以了,而不是返回完整的视图页面。


👨‍🏫 参考地址

相关推荐
华仔啊16 分钟前
用 Vue3 + Canvas 做了个超实用的水印工具,同事都在抢着用
前端·vue.js·canvas
Bacon1 小时前
前端:从0-1实现一个脚手架
前端
Bacon1 小时前
前端项目部署实战 nginx+docker持续集成
前端
beckyye1 小时前
阿里云智能语音简单使用:语音识别
前端·语音识别·录音
东东2331 小时前
前端规范工具之husky与lint-staged
前端·javascript·eslint
jump6801 小时前
手写事件总线、事件总线可能带来的内存泄露问题
前端
岁月宁静2 小时前
在 Vue 3.5 中优雅地集成 wangEditor,并定制“AI 工具”下拉菜单(总结/润色/翻译)
前端·javascript·vue.js
执沐2 小时前
基于HTML 使用星辰拼出爱心,并附带闪烁+流星+点击生成流星
前端·html
#做一个清醒的人2 小时前
【electron6】Web Audio + AudioWorklet PCM 实时采集噪音和模拟调试
前端·javascript·electron·pcm
拉不动的猪2 小时前
图文引用打包时的常见情景解析
前端·javascript·后端