惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Y
Y Combinator Blog
博客园_首页
雷峰网
雷峰网
V
V2EX
博客园 - 司徒正美
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - Franky
月光博客
月光博客
Hugging Face - Blog
Hugging Face - Blog
WordPress大学
WordPress大学
T
Tailwind CSS Blog
小众软件
小众软件
博客园 - 叶小钗
美团技术团队
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
IT之家
IT之家
MyScale Blog
MyScale Blog
Blog — PlanetScale
Blog — PlanetScale
大猫的无限游戏
大猫的无限游戏
Jina AI
Jina AI
人人都是产品经理
人人都是产品经理
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I Built an Interactive Visualizer of the Spring Boot Requ...
Devanshu Biswas · 2026-06-26 · via DEV Community

Devanshu Biswas

Every Spring tutorial teaches you the annotations — @RestController, @Service, @Repository — but almost none show you the journey a single HTTP request takes between them. Where does the front controller sit? When does @Valid short-circuit? Where exactly is a 404 born?

So I built an interactive visualizer that animates the whole thing, right in the browser.

▶ Live demo: https://dev48v.github.io/spring-request-flow/
Source (zero dependencies): https://github.com/dev48v/spring-request-flow

Click an endpoint, hit Send, and watch the request flow down through every layer and back up as JSON — with a live trace log and the real response.

The chain, top to bottom

When a request hits a Spring Boot app, it doesn't go straight to your controller. It travels:

  1. Client sends the HTTP request.
  2. Tomcat (the embedded servlet container) accepts the socket and builds an HttpServletRequest.
  3. Filter chain runs first — CORS, encoding, Spring Security. This is before any controller code.
  4. DispatcherServlet — the one front-controller servlet that routes every request in the app.
  5. HandlerMapping matches the URL + verb to a specific controller method.
  6. Controller (@RestController) — a thin web layer: bind params, return a ResponseEntity.
  7. Bean Validation (@Valid) — checks the @RequestBody against your constraints. On a GET there's no body, so this step is skipped.
  8. Service (@Service @Transactional) — business rules, and the transaction boundary opens here.
  9. Repository (Spring Data JPA) — an interface method name becomes a SQL query.
  10. Database — Hibernate runs the SQL over a pooled HikariCP connection.

On the way back up: rows become an OrderEntity, which is mapped to an OrderResponse DTO, wrapped in a ResponseEntity, serialized to JSON by Jackson, and sent back out through the filter chain.

The part most people get wrong: the error path

The most useful scenario in the demo is the 404. People assume the controller checks "does this exist?" and returns a 404. It doesn't.

What actually happens for GET /api/orders/0000:

  • The request goes all the way down to the database — which returns zero rows.
  • The repository returns Optional.empty().
  • The service sees the empty Optional and throw new OrderNotFoundException(...).
  • That exception bubbles up and is caught by a @RestControllerAdvice, which maps it to an RFC-7807 ProblemDetail with status 404.

The 404 is thrown, not returned — and a single advice class turns every exception into a clean JSON error. The demo lights this whole path up in red so you can see it.

A 400 is different again: it short-circuits at the validation layer. The service never runs. The demo shows that too.

Why a visualizer instead of a diagram

Static architecture diagrams show you the boxes. They don't show you order, timing, or where things stop. Watching a request actually move — and watching a bad request die early — is what made these concepts click for me.

It's one index.html, no build step, no framework. Open it and read the whole thing in a sitting.

If it helps you understand Spring, a star on the repo helps others find it: https://github.com/dev48v/spring-request-flow