网络程序设计入门第一章:Web、JSP、Tomcat 到底是什么?

news2026/3/16 4:43:07
一、前言很多同学第一次上《网络程序设计》这门课都会有一种很强的迷惑感JSP 是什么Tomcat 是什么浏览器为什么能打开我写的页面HTML、JSP、Servlet 到底什么关系这门课和“计算机网络”到底有什么联系更麻烦的是很多教材一上来就开始写代码% page contentTypetext/html;charsetUTF-8 % html body Hello World /body /html你虽然能照着敲出来但其实并不知道它为什么能运行。所以这一章不急着堆代码而是先把最核心的底层逻辑讲清楚。你只要把这一章真正搞懂后面学表单、JSP、request、session、JavaBean 才不会一直发懵。这一章的目标只有一个搞明白网络程序设计这门课到底在做什么。二、什么是网络程序设计先说最本质的一句话网络程序设计就是让不同计算机上的程序通过网络进行通信并完成数据交互和业务处理。这个定义听起来有点抽象我们换成更直白的说法。你平时打开一个网站比如学校官网、教务系统、电商平台表面上看只是“点开网页”实际上背后发生的是你的浏览器向服务器发送请求服务器接收到请求服务器处理数据服务器把结果返回给浏览器浏览器把结果渲染成你看到的网页所以这门课的重点本质上就是研究浏览器怎么发请求服务器怎么接收请求服务器怎么返回页面页面之间怎么传数据用户状态怎么保存也就是说这门课不是单纯写页面而是在学浏览器—服务器—页面—数据这一整套交互机制三、什么是 Web很多人会把“网络程序设计”和“网页制作”混为一谈其实不一样。1. Web 是什么Web 可以理解为“基于浏览器访问的信息系统”。你用浏览器访问新闻网站学校教务系统论坛登录注册页面查询成绩页面这些都属于 Web 应用。Web 的核心特点就是用户不需要安装专门客户端直接通过浏览器访问浏览器负责显示页面服务器负责处理逻辑和数据2. Web 应用和普通网页有什么区别普通静态网页只是固定内容比如一个纯 HTML 页面h1欢迎来到我的网页/h1无论谁打开看到的都一样。但 Web 应用不一样。比如登录页面张三登录后显示张三的信息李四登录后显示李四的信息这就说明页面内容是动态生成的。所以你可以这样理解HTML决定网页长什么样JSP / Servlet / Java决定网页显示什么内容Tomcat负责运行这些 Web 程序四、什么是 B/S 结构这一部分是网络程序设计最基础的架构概念。1. B/S 的含义B/S Browser / Server也就是BBrowser浏览器端SServer服务器端比如你电脑上的 Chrome、Edge就是浏览器。Tomcat 所在的机器就是服务器。浏览器不负责复杂业务处理它主要负责显示页面提交表单向服务器发送请求服务器主要负责接收请求执行业务逻辑查询数据返回响应结果2. 一个典型的 B/S 交互流程以“登录”为例第一步用户输入账号密码浏览器显示一个登录表单form actionlogin.jsp methodpost 用户名input typetext nameusername 密码input typepassword namepassword input typesubmit value登录 /form第二步浏览器提交请求用户点击“登录”浏览器把用户名和密码发给服务器。第三步服务器处理请求服务器拿到数据后判断用户名对不对密码对不对是否允许登录第四步返回结果服务器返回一个新的页面比如登录成功登录失败欢迎你张三3. B/S 和 C/S 的区别B/S 和 C/S 是经常考的概念。B/SB 浏览器用户直接用浏览器访问部署方便维护简单很适合 Web 系统C/SC Client客户端程序比如 QQ、微信桌面版、游戏客户端需要安装专门软件功能通常更强更新和维护成本更高你们这门《网络程序设计》主要学的是B/S 模式。五、浏览器和服务器到底是怎么通信的这一部分非常关键。你后面学 request、response、Cookie、Session全部都建立在这里。1. 浏览器不是“凭空打开页面”的当你在浏览器输入http://localhost:8080/test/index.jsp这不是“打开本地文件”而是在发起一个HTTP 请求。这个地址可以拆开理解http://使用 HTTP 协议localhost本机8080服务器端口号/test/index.jsp要访问的资源路径也就是说浏览器实际上是在说请把 localhost 这台机器上8080 端口里的 test 项目中的 index.jsp 页面给我。2. 服务器收到请求后做什么服务器比如 Tomcat收到请求后会判断你访问的是哪个项目你访问的是哪个页面这个页面是静态资源还是动态资源如果是 JSP就先执行 JSP 代码然后把最终生成的 HTML 返回给浏览器这句话非常重要浏览器不能直接执行 JSP浏览器只能接收服务器返回的 HTML 结果。也就是说浏览器看到的不是 JSP 源码而是 JSP 执行之后的结果。3. 请求和响应网络程序设计里有两个最核心的词Request请求Response响应请求浏览器发给服务器的数据和访问要求。比如我要访问哪个页面我提交了什么表单数据我用的是 GET 还是 POST响应服务器返回给浏览器的结果。比如一个 HTML 页面一段文本一张图片一个跳转结果后面你学request.getParameter()其实就是从浏览器发来的请求中把表单数据取出来。六、什么是 JSP终于说到 JSP 了。1. JSP 是什么JSP 全称是Java Server Pages中文一般叫Java 服务器页面你可以把 JSP 理解成HTML Java 代码也就是在普通网页里加入 Java 代码让页面内容能动态变化。比如你想让网页显示当前时间、用户名、成绩、乘法表、表格这些动态内容光靠 HTML 是不够的就需要 JSP。2. 为什么需要 JSP纯 HTML 是静态的。比如h1欢迎来到系统/h1所有人打开看到都一样。但实际系统中很多内容都需要动态生成欢迎你张三当前时间2026-03-12成绩95 分显示数据库中的学生信息根据输入的 m、n 画表格这些都不是固定写死的所以需要服务器先计算再返回页面。JSP 就是干这个的。3. JSP 的本质很多初学者以为 JSP 是一种特别神秘的新语言其实不是。JSP 本质上还是运行在服务器端的 Java 技术。它的主要作用就是接收请求嵌入 Java 代码动态生成 HTML返回给浏览器简单理解HTML 决定页面样子JSP 决定页面内容能不能动态变化七、什么是 Tomcat如果说 JSP 是你写的程序那么 Tomcat 就是运行这些程序的环境。1. Tomcat 是什么Tomcat 是一个Web 服务器 / Servlet 容器。你可以把它理解成一个“网页程序运行平台”。你写好的 JSP 页面不能像普通.txt文件一样双击就运行。它必须放到服务器里由服务器来处理。Tomcat 就负责做这件事。2. 没有 Tomcat 行不行不行至少在你们这门课的学习阶段不行。因为HTML 文件浏览器可以直接打开但 JSP 需要服务器解析执行Tomcat 就是负责解析 JSP、处理请求、返回响应的所以HTML 可以离开 Tomcat 单独看JSP 不行JSP 必须依赖服务器环境运行3. Tomcat 像什么你可以这样类比浏览器 顾客JSP 页面 菜单/订单处理逻辑Tomcat 厨房服务器返回的 HTML 做好的菜顾客不能直接进厨房炒菜。浏览器也不能直接执行 JSP。它只能向 Tomcat 发请求再由 Tomcat 处理后返回结果。八、为什么访问地址里总有 localhost:8080这也是新手高频疑问。1. localhost 是什么localhost表示本机也就是你自己的电脑。所以http://localhost:8080/意思就是访问我自己电脑上的 8080 端口服务2. 8080 是什么8080 是 Tomcat 默认常用端口之一。端口可以理解成一台计算机里不同程序“对外提供服务的窗口”。比如浏览器访问网页通常找某个端口Tomcat 默认可能是 8080MySQL 常见是 3306当你写http://localhost:8080/test/index.jsp浏览器就知道去找主机localhost端口8080资源/test/index.jsp3. 为什么有时打不开常见原因有这几个1Tomcat 没启动最常见。2端口写错了比如 Tomcat 不是 8080而你还在用 8080 访问。3项目路径写错了项目名不是test你却写了test。4JSP 文件没放对位置路径和部署目录不一致。5Tomcat 启动报错比如端口冲突、配置错误。九、第一个网络程序是怎么跑起来的这一段你一定要形成完整脑图。假设你写了一个文件% page contentTypetext/html;charsetUTF-8 % html head title第一个 JSP 页面/title /head body Hello JSP /body /html然后把它部署到 Tomcat 中浏览器访问http://localhost:8080/test/hello.jsp这个过程背后发生了什么第一步浏览器发请求浏览器告诉服务器我要访问 test 项目的 hello.jsp第二步Tomcat 接收请求Tomcat 找到对应文件发现它是 JSP不是普通 HTML。第三步Tomcat 解析 JSPTomcat 会把 JSP 中的内容处理成最终的响应结果。如果里面有 Java 代码也会一起执行。第四步返回 HTMLTomcat 把最终页面返回给浏览器。第五步浏览器显示结果浏览器把返回的内容渲染出来你就看到Hello JSP所以一定记住你写的是 JSP浏览器看到的是执行结果。十、网络程序设计这门课后面到底会学什么如果你现在还觉得这门课有点散我给你把后面的知识链串起来。第一步先学页面基础你要先会HTML 基本标签表格表单提交按钮输入框因为用户要先有页面可以操作。第二步再学 JSP 动态输出你要会% %% %for 循环if 判断因为服务器要根据不同情况生成不同页面。第三步再学 request / response你要知道表单提交的数据去哪了怎么接收用户输入怎么处理中文乱码怎么在页面之间传值第四步再学 Cookie / Session你要解决用户登录后怎么记住身份页面跳转后数据怎么保存为什么 HTTP 本身是无状态的第五步再学 JavaBean / Servlet / MVC这是提高部分也是课程从“会写小例子”到“能做小项目”的关键。你会学到如何把数据封装起来如何把页面和业务逻辑分开如何让项目结构更规范十一、初学者最容易混淆的几个概念这一部分很重要我帮你提前排雷。1. HTML 和 JSP 的区别HTML静态页面浏览器可直接打开不能直接写 Java 逻辑JSP动态页面需要服务器运行可以嵌入 Java 代码2. 浏览器和服务器的区别浏览器负责显示页面提交请求接收服务器返回结果服务器负责处理请求执行 JSP / Servlet返回响应3. 请求和响应的区别请求浏览器发给服务器响应服务器返回给浏览器4. localhost 和 Internet 网站的区别localhost表示访问你自己的电脑真实网站表示访问远程服务器本质一样只是服务器位置不同。十二、本章你必须真正记住的 8 句话这一章内容不少但真正必须牢牢记住的其实就这 8 句网络程序设计的核心是浏览器和服务器之间的数据交互。这门课主要学的是 B/S 结构不是桌面软件开发。浏览器负责发请求和显示页面服务器负责处理逻辑。Web 应用不是单纯网页而是能动态处理数据的系统。JSP 本质上是 HTML Java用来生成动态页面。浏览器不能直接执行 JSP必须由服务器先处理。Tomcat 是运行 JSP / Servlet 的服务器环境。request 是请求response 是响应后面很多知识都围绕这两个对象展开。十三、本章实战任务这一章虽然以理解为主但还是建议你做 3 个最基础的练习。练习1解释下面地址每一部分的含义http://localhost:8080/test/index.jsp你要能说清楚协议主机端口项目路径资源路径练习2说出 HTML 和 JSP 的区别至少从这几个角度回答是否动态是否需要服务器是否能写 Java 代码浏览器能否直接打开练习3用自己的话描述一次网页访问过程比如访问一个登录页面写出浏览器做了什么Tomcat 做了什么JSP 做了什么浏览器最后看到了什么十四、本章小结这一章我们没有急着堆很多语法而是先搭建了网络程序设计的完整认知框架。你现在应该已经明白这门课不是单纯写网页而是在学浏览器和服务器如何交互课程主体是 B/S 架构JSP 是用来生成动态页面的Tomcat 是 JSP 的运行环境浏览器不能直接执行 JSP只能接收服务器处理后的结果后面所有表单、request、session、Servlet本质上都是对这一套交互流程的进一步展开如果这一章你真的吃透后面学 JSP 代码时就不会只是在“背标签”而是会知道自己到底在做什么。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2415008.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…

wordpress后台更新后 前端没变化的解决方法

使用siteground主机的wordpress网站,会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后,网站没有变化的情况。 不熟悉siteground主机的新手,遇到这个问题,就很抓狂,明明是哪都没操作错误&#x…

网络编程(Modbus进阶)

思维导图 Modbus RTU(先学一点理论) 概念 Modbus RTU 是工业自动化领域 最广泛应用的串行通信协议,由 Modicon 公司(现施耐德电气)于 1979 年推出。它以 高效率、强健性、易实现的特点成为工业控制系统的通信标准。 包…

UE5 学习系列(二)用户操作界面及介绍

这篇博客是 UE5 学习系列博客的第二篇,在第一篇的基础上展开这篇内容。博客参考的 B 站视频资料和第一篇的链接如下: 【Note】:如果你已经完成安装等操作,可以只执行第一篇博客中 2. 新建一个空白游戏项目 章节操作,重…

IDEA运行Tomcat出现乱码问题解决汇总

最近正值期末周,有很多同学在写期末Java web作业时,运行tomcat出现乱码问题,经过多次解决与研究,我做了如下整理: 原因: IDEA本身编码与tomcat的编码与Windows编码不同导致,Windows 系统控制台…

利用最小二乘法找圆心和半径

#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明 如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章 传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章 传送阵>> 点我查看 说明&#xff1a;假设每台服务器已…

XML Group端口详解

在XML数据映射过程中&#xff0c;经常需要对数据进行分组聚合操作。例如&#xff0c;当处理包含多个物料明细的XML文件时&#xff0c;可能需要将相同物料号的明细归为一组&#xff0c;或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码&#xff0c;增加了开…

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造&#xff0c;完美适配AGV和无人叉车。同时&#xff0c;集成以太网与语音合成技术&#xff0c;为各类高级系统&#xff08;如MES、调度系统、库位管理、立库等&#xff09;提供高效便捷的语音交互体验。 L…

(LeetCode 每日一题) 3442. 奇偶频次间的最大差值 I (哈希、字符串)

题目&#xff1a;3442. 奇偶频次间的最大差值 I 思路 &#xff1a;哈希&#xff0c;时间复杂度0(n)。 用哈希表来记录每个字符串中字符的分布情况&#xff0c;哈希表这里用数组即可实现。 C版本&#xff1a; class Solution { public:int maxDifference(string s) {int a[26]…

【大模型RAG】拍照搜题技术架构速览:三层管道、两级检索、兜底大模型

摘要 拍照搜题系统采用“三层管道&#xff08;多模态 OCR → 语义检索 → 答案渲染&#xff09;、两级检索&#xff08;倒排 BM25 向量 HNSW&#xff09;并以大语言模型兜底”的整体框架&#xff1a; 多模态 OCR 层 将题目图片经过超分、去噪、倾斜校正后&#xff0c;分别用…

【Axure高保真原型】引导弹窗

今天和大家中分享引导弹窗的原型模板&#xff0c;载入页面后&#xff0c;会显示引导弹窗&#xff0c;适用于引导用户使用页面&#xff0c;点击完成后&#xff0c;会显示下一个引导弹窗&#xff0c;直至最后一个引导弹窗完成后进入首页。具体效果可以点击下方视频观看或打开下方…

接口测试中缓存处理策略

在接口测试中&#xff0c;缓存处理策略是一个关键环节&#xff0c;直接影响测试结果的准确性和可靠性。合理的缓存处理策略能够确保测试环境的一致性&#xff0c;避免因缓存数据导致的测试偏差。以下是接口测试中常见的缓存处理策略及其详细说明&#xff1a; 一、缓存处理的核…

龙虎榜——20250610

上证指数放量收阴线&#xff0c;个股多数下跌&#xff0c;盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型&#xff0c;指数短线有调整的需求&#xff0c;大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的&#xff1a;御银股份、雄帝科技 驱动…

观成科技:隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具&#xff0c;该工具基于TUN接口实现其功能&#xff0c;利用反向TCP/TLS连接建立一条隐蔽的通信信道&#xff0c;支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式&#xff0c;适应复杂网…

铭豹扩展坞 USB转网口 突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别,但在其他电脑上正常工作时,问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤,帮助你快速找到故障原因: 背景: 一个M-pard(铭豹)扩展坞的网卡突然无法识别了,扩展出来的三个USB接口正常。…

未来机器人的大脑:如何用神经网络模拟器实现更智能的决策?

编辑&#xff1a;陈萍萍的公主一点人工一点智能 未来机器人的大脑&#xff1a;如何用神经网络模拟器实现更智能的决策&#xff1f;RWM通过双自回归机制有效解决了复合误差、部分可观测性和随机动力学等关键挑战&#xff0c;在不依赖领域特定归纳偏见的条件下实现了卓越的预测准…

Linux应用开发之网络套接字编程(实例篇)

服务端与客户端单连接 服务端代码 #include <sys/socket.h> #include <sys/types.h> #include <netinet/in.h> #include <stdio.h> #include <stdlib.h> #include <string.h> #include <arpa/inet.h> #include <pthread.h> …

华为云AI开发平台ModelArts

华为云ModelArts&#xff1a;重塑AI开发流程的“智能引擎”与“创新加速器”&#xff01; 在人工智能浪潮席卷全球的2025年&#xff0c;企业拥抱AI的意愿空前高涨&#xff0c;但技术门槛高、流程复杂、资源投入巨大的现实&#xff0c;却让许多创新构想止步于实验室。数据科学家…

深度学习在微纳光子学中的应用

深度学习在微纳光子学中的主要应用方向 深度学习与微纳光子学的结合主要集中在以下几个方向&#xff1a; 逆向设计 通过神经网络快速预测微纳结构的光学响应&#xff0c;替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。 特征提取与优化 从复杂的光学数据中自…