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

一、前言很多同学第一次上《网络程序设计》这门课都会有一种很强的迷惑感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 代码时就不会只是在“背标签”而是会知道自己到底在做什么。