【Java web】HTTP 与 Web 基础教程

一、HTTP 协议入门(像写信一样的网络通信)

生活比喻:HTTP 协议就像寄信的规则 ------ 你(客户端)写封信(请求)给朋友(服务器),信封上要写地址(URL)和寄信方式(请求方法),朋友收到后会回信(响应)并盖邮戳(状态码)。

1. 请求 - 响应模型(三次握手简化版)
  1. 客户端发送请求:包含三部分

    • 请求行GET /hello HTTP/1.1(方法 路径 协议版本)
    • 请求头Host: localhost:8080(服务器地址)、User-Agent: Chrome/114.0(浏览器信息)
    • 请求体:表单数据、JSON 等(GET 请求无请求体,像明信片;POST 请求有请求体,像信封)
  2. 服务器返回响应:也包含三部分

    • 状态行HTTP/1.1 200 OK(协议版本 状态码 描述)
    • 响应头Content-Type: text/html(内容类型)、Date: 2023-08-12(响应时间)
    • 响应体:HTML 代码、JSON 数据等(网页内容)
2. 必学状态码(服务器的 "表情符号")
状态码 含义(类比生活场景) 常见场景
200 😊 成功(信已收到并回复) 正常访问网页
404 🚫 未找到(地址写错了) 访问不存在的 URL
500 🔥 服务器错误(朋友家着火了) Java 代码抛异常未处理
302 🔄 重定向(请去新地址取信) 登录后跳转到首页
403 🚷 禁止访问(对方拒绝收信) 未登录访问需要权限的页面
3. 常用请求方法(客户端的 "动作指令")
  • GET :索取数据(查快递单号)

    ✅ 例子:http://localhost:8080/students?id=1(查询 ID=1 的学生)

    ⚠️ 特点:参数在 URL 中可见,有长度限制(像明信片写字不能太多)

  • POST :提交数据(寄包裹)

    ✅ 例子:表单提交用户注册信息

    ⚠️ 特点:参数在请求体中,安全且支持大量数据(像快递箱能装更多东西)

二、动手实践:用浏览器抓包看 HTTP

  1. 打开开发者工具

    在 Chrome 浏览器中按F12或右键 "检查",切换到Network (网络)面板,勾选Preserve log(保留日志)。

  2. 观察 HelloServlet 请求

    访问之前创建的http://localhost:8080/项目名/hello,在 Network 面板找到名为hello的请求:

    • 查看请求头 :点击请求→HeadersRequest Headers
      找到Accept: text/html(告诉服务器想要 HTML 格式)
    • 查看响应体 :点击Response 标签,能看到我们 Servlet 输出的<h1>Hello, JavaWeb!</h1>
  3. 修改 Servlet 体验 POST 请求

    HelloServlet中添加 POST 处理方法:

    java

    java 复制代码
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取表单参数(假设前端提交了username)
        String username = request.getParameter("username");
        response.setContentType("text/html;charset=UTF-8");
        response.getWriter().println("<h1>Hello, " + username + "!</h1>");
    }

    创建简单 HTML 表单(保存为web/form.html):

    html

    java 复制代码
    <form action="/项目名/hello" method="post">
        用户名: <input type="text" name="username">
        <button type="submit">提交</button>
    </form>

    访问http://localhost:8080/项目名/form.html提交表单,在 Network 面板观察 POST 请求的参数如何传递。

三、Web 应用架构扫盲(三层蛋糕模型)

  1. 表现层(蛋糕顶层 - 用户看到的奶油)

    • HTML/CSS/JavaScript:负责页面展示和用户交互
    • JSP:动态生成 HTML 的技术(后续课程详解)
  2. 业务逻辑层(蛋糕中层 - 巧克力夹心)

    • Servlet:处理用户请求,实现业务逻辑
    • Service:封装复杂业务规则(如学生成绩计算)
  3. 数据访问层(蛋糕底层 - 饼干底)

    • JDBC:连接数据库,执行 CRUD 操作
    • 数据库:存储数据(如学生信息表)

类比餐厅:用户(顾客)→ 服务员(表现层)→ 厨师(业务逻辑层)→ 仓库(数据访问层)

相关推荐
枫,为落叶2 分钟前
Axios使用教程(一)
前端
Boop_wu6 分钟前
[Java EE] 多线程进阶(JUC)(2)
java·jvm·算法
pale_moonlight6 分钟前
十、 Scala 应用实践 (上)
大数据·开发语言·scala
小坏讲微服务7 分钟前
SpringCloud整合Scala实现MybatisPlus实现业务增删改查
java·spring·spring cloud·scala·mybatis plus
小章鱼学前端7 分钟前
2025 年最新 Fabric.js 实战:一个完整可上线的图片选区标注组件(含全部源码).
前端·vue.js
N***p3658 分钟前
五大消息模型介绍(RabbitMQ 详细注释版)
java·rabbitmq·java-rabbitmq
ohyeah8 分钟前
JavaScript 词法作用域、作用域链与闭包:从代码看机制
前端·javascript
流星稍逝10 分钟前
手搓一个简简单单进度条
前端
6***v41723 分钟前
搭建Golang gRPC环境:protoc、protoc-gen-go 和 protoc-gen-go-grpc 工具安装教程
开发语言·后端·golang
1***s63224 分钟前
Rust在WebAssembly中的应用实践
开发语言·rust·wasm