什么是 Web 和 Web 开发

Web: 全球广域网, 也称为万维网 (www, World Wide Web), 能够通过浏览器访问的网站.

JavaWeb 开发就是使用 Java 来开发这样的网站.

浏览器是一个程序, 网站也是一个程序. 网页程序是在远程的服务器上运行着的, 我们可以在本地通过浏览器来访问这个程序.

打开浏览器.
在地址栏输入域名, 敲下回车.
开始访问网页.

一个网页程序大体可以分为三个部分:

可以看见的网页, 也称为前端程序. 主要负责将数据以好看的样式呈现出来. 前端程序是运行在前端服务器中的.
数据库程序. 负责存储和管理数据. 也称为数据库服务器.
后端 Java 程序. 运行在后端服务器中. 主要负责数据的逻辑处理.

用户在浏览器的地址栏输入域名并敲下回车后, 浏览器就会根据请求的域名请求对应的前端服务器, 前端服务器接受到请求之后会将前端代码返回给浏览器, 即前端服务器的响应.

浏览器也是一个程序, 浏览器里面内置了解析前端代码的解析引擎. 浏览器接收到前端代码之后, 会自动解析前端代码, 从而展现出对应的页面样式. 浏览器解析前端代码会呈现出一些网页结构, 是空架子, 没有数据. 接下来就是要获取数据. 前端代码当中一般都会指定去哪里获取数据. 浏览器解析到了前端代码里的数据获取路径之后, 浏览器就会根据这个路径去访问部署在后端服务器的后端 Java 程序, 后端 Java 程序继续访问数据库, 从数据库中获取数据. 数据获取到了之后, 后端服务器会将数据再返回给浏览器. 此时, 前端页面框架和数据都有了, 浏览器就会将数据填充在空架子中, 从而形成一个完整的页面呈现给用户.

这就是 Web 网站的整体工作流程.

要想开发这样的一个 Web 网站, 都有哪些开发模式呢?

前端程序员开发前端程序, 然后将前端程序放在前端服务器中运行. Java 程序员负责开发后端 Java 程序, 然后将开发完成的后端程序放在后端服务器中运行. 前端程序和后端程序的开发和部署都是分开的. 这种开发模式称为前后端分离开发.

其实在早期还有一种开发模式, 是将前端程序和后端程序都混合在一起开发, 最终前后端程序都运行在一台服务器上. 浏览器发起请求到服务器后, 服务器会将数据以及前端代码一并返回给浏览器, 浏览器再进行解析和展示. 在这种开发模式当中, 前端程序和后端程序的开发和部署都是混合在一起的. 这种模式称为混合开发.

本课程是前后端分离的模式.

在前后端分离的模式中, 整个流程涉及四个部分.

第一个部分是浏览器, 这个部分是不需要我们开发的. 我们学习 Web 开发是学习前端程序的开发, 后端 Java 程序的开发, 以及数据库的内容.

本课程分为两个部分:

第一个部分是前端 Web 开发. 其中, 我们主要学习网页开发的相关技术, 包括 HRML, CSS, JS, 基于 JS 封装的高级技术 Vue 和 Element, 以及前端程序部署的服务器 Nginx.

第二个部分是后端 Web 开发. 其中, 我们要学习 Java 项目的构建工具 Maven, 基于 SpringBoot 进行 Web 开发的基础知识, MySQL 数据库以及通过 Java 程序操作数据库的技术 SpringBoot MyBatis, 基于 SpringBoot 进行程序开发的实用开发篇和高级进阶篇.

对于这两部分内容, 作为一个 Java 开发工程师, 需要重点关注的是后端 Web 开发的相关技术.