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

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

相关推荐
IT小白杨几秒前
TikTok小店防封号浏览器实战:2026年多店铺环境隔离与账号安全运营技术解析
开发语言·数据库·安全·php·chrome devtools·指纹浏览器
信誓旦旦的程序猿3 分钟前
【零依赖量化数据实战 #25】北交所技术指标与基本面
java·人工智能·python·股票数据api·股票数据·股票数据api接口·股票api数据接口
2601_966949656 分钟前
Python 量化开发为什么适合使用金融数据 SDK?从数据获取到策略研究的工程化实践
开发语言·python·数据分析·量化交易·股票数据·quantdash
万年咸鱼7 分钟前
Java ArrayList 详解:原理、用法与实战
java·开发语言·windows
计算机魔术师10 分钟前
Fable 5.1 来了,智能体任务成本降 45%——Anthropic 这次为何降价这么狠
前端
Csvn11 分钟前
现代 CSS 新特性深度:container query、:has()、@scope 与 subgrid
前端
长友cy11 分钟前
Qt官方示例Application源码阅读
开发语言·qt
计算机魔术师16 分钟前
Anthropic 自己承认:模型越来越难管住了
前端
程序员良辰19 分钟前
服务器 JDK 环境变量配置:一键安装和手动配置有什么区别?
开发语言·python
两只羊ovo24 分钟前
Agent 干活的底层地基:path 路径 + fs 文件系统,一次讲透
前端