【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 操作
    • 数据库:存储数据(如学生信息表)

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

相关推荐
cici158742 分钟前
C#与西门子S7-1200通讯实例
开发语言·c#
han_5 分钟前
JavaScript设计模式(十):模板方法模式实现与应用
前端·javascript·设计模式
~plus~6 分钟前
C# 异步编程深度剖析:从 async/await 到 ValueTask
开发语言·c#
Rick19936 分钟前
Spring Boot自动装配原理
java·spring boot·后端
得物技术7 分钟前
立正请站好:一个组件复用 Skill 的工程化实践|得物技术
前端·架构·ai编程
回忆2012初秋9 分钟前
C# 大文件分片上传完整实现指南
开发语言·c#
我命由我1234511 分钟前
Android Jetpack Compose - 组件分类:布局组件、交互组件、文本组件
android·java·java-ee·kotlin·android studio·android jetpack·android-studio
jf加菲猫13 分钟前
第12章 数据可视化
开发语言·c++·qt·ui
Devin~Y14 分钟前
大厂内容社区面试实录:从 Spring Boot 微服务到 AI RAG 问答(附详细解析)
java·spring boot·redis·elasticsearch·spring cloud·微服务·kafka
Lenyiin15 分钟前
Python数据类型与运算符:深入理解Python世界的基石
java·开发语言·python