一文吃透 Java Web 完整流程：从页面访问到数据库交互

努力成为AK大王

381人浏览 · 2026-05-17 20:27:06

努力成为AK大王 · 2026-05-17 20:27:06 发布

前言

很多初学 Java Web 的同学，只会单独写前端页面、单独写 Servlet、单独写数据库代码，却搞不懂用户点击页面按钮后，数据是如何一步步传到数据库的。今天结合学习图示，完整梳理 Web 项目整体架构、通信流程、核心技术与底层网络原理，零基础也能看懂。

一、整体 Web 项目三层架构

一个标准 Java Web 项目分为三层，各司其职，层层调用，缺一不可：

前端层

技术：HTML、CSS、JavaScript、jQuery

作用：搭建网页界面，展示数据，接收用户点击、输入等操作，只负责展示与交互，不处理业务逻辑。
后端服务层

核心组件：Tomcat 服务器、Servlet 程序

作用：接收前端发来的请求，处理业务逻辑，调用数据库完成数据操作，向前端返回结果数据。
数据持久层

技术：MySQL 数据库、JDBC

作用：永久存放用户信息、商品信息、购物车信息等所有项目数据，为后端提供数据支撑。

二、核心交互流程

浏览器页面 → Tomcat 服务器 → Servlet → JDBC → MySQL 数据库

用户在浏览器打开网页，浏览器发起请求访问服务器资源；
Tomcat 作为 Web 容器，接收所有浏览器请求，匹配对应的 Servlet；
Servlet 拿到请求参数，编写业务逻辑，通过JDBC连接 MySQL 数据库；
执行增删改查 SQL 语句，完成数据操作；
数据库将执行结果回传给 Servlet；
Servlet 整理数据，以 JSON 格式响应给前端页面；
前端 JS 接收数据，动态渲染到表格、按钮等页面位置，完成整个交互。

三、两大核心通信技术详解

1. Ajax：前端与后端通信桥梁

传统网页跳转需要刷新页面，体验极差，Ajax 实现异步无刷新请求。

作用：前端页面不刷新，悄悄向后端 Servlet 发送请求，获取数据并更新页面
使用场景：页面自动加载商品列表、点击加入购物车、修改商品、删除数据等
常见错误：前端 Ajax 请求地址url和 Servlet 注解地址不一致，直接出现404 访问失败

2. JDBC：Java 与数据库通信桥梁

JDBC 全称：Java 数据库连接，是 Java 官方定义的一套操作所有关系型数据库的统一规范。

核心作用：让 Java 后端代码能够连接 MySQL，执行增删改查 SQL 语句
JDBC 固定执行五步（必背）
1. 加载数据库驱动
2. 建立 Java 程序与数据库连接
3. 创建执行 SQL 语句对象
4. 执行 SQL，处理结果
5. 关闭所有资源，释放连接
实战示例（简易 JDBC 查询）

// 1. 数据库连接信息
String url = "jdbc:mysql://localhost:3306/数据库名?serverTimezone=UTC";
String user = "root";
String pwd = "数据库密码";
// 2. 获取连接
Connection conn = DriverManager.getConnection(url,user,pwd);
// 3. 执行SQL语句
String sql = "select * from product";
PreparedStatement pst = conn.prepareStatement(sql);
ResultSet rs = pst.executeQuery();
// 4. 遍历结果集
while(rs.next()){
    System.out.println(rs.getInt("id")+rs.getString("name"));
}
// 5. 关闭资源
rs.close();
pst.close();
conn.close();

项目简化写法：开发中会封装DBUtil工具类，重复使用数据库连接，不用每次重复写五段代码。

四、常见报错：404 错误解析

在 Web 开发中最频繁遇到的就是 404 错误，含义：服务器找不到你访问的资源

出现原因：

前端请求 URL 地址写错，和后端 Servlet 访问路径不匹配；
HTML 页面存放位置错误，放入WEB-INF文件夹中，浏览器无法直接访问；
项目部署路径、端口号修改，请求地址未同步修改；
Tomcat 未正常启动，服务器服务未开启。

五、底层网络基础原理

1. URL 统一资源定位符

就是我们常说的网页访问地址，格式标准：

http://localhost:8080/项目名/页面名.html

http：网页传输协议
localhost：本地服务器地址，等同于 127.0.0.1
8080：Tomcat 服务器默认端口号
后半段：项目路径与具体资源路径，精准定位文件

2. MAC 地址与局域网通信

MAC 地址：每一台电脑网卡自带的唯一物理地址，用来区分局域网内不同设备；
交换机：局域网核心转发设备，内部记录 MAC 地址与设备端口对应关系；
通信规则：设备发送数据时，携带源 MAC 地址和目标 MAC 地址，交换机精准转发数据，实现局域网内设备互相访问，也是网页能够跨设备访问服务器的底层基础。