Web-互联网与星辰大海

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

而我们要想开发一个 web 网站, 那首先就得知道 web 网站的基本结构.

Web 网站结构

一个 web 网站的核心, 是由以下三个部分组成:

• 前端程序：负责将数据以好看的样式呈现出来。
• 后端程序：负责具体的业务逻辑的处理。
• 数据库：负责数据的存储和管理。
  

当我们在浏览器地址栏, 输入 url 地址, 一敲回车.
此时首先访问到的是服务器中部署的 前端程序, 而前端程序仅仅负责将数据以好看的样式呈现出来.

前端展示的数据从哪里来呢? 前端程序会发送请求来请求服务端/后端程序，由服务端/后端程序来查询数据库, 然后将数据库查询的数据返回给前端.

最终, 前端程序再将数据渲染, 再由浏览器来解析前端程序.
这样, 一个精美的网页就展示在浏览器中了.

Web 前端

前端开发，主要的职责就是将数据以好看的样式呈现出来。

不同的浏览器，内核不同，对于相同的前端代码解析的效果也会存在差异。为了避免这个差异，就需要定义一个统一的标准，然后让各大浏览器厂商都参照这个标准来实现即可。

这就是接下来要介绍的 web 标准。

Web 标准 也称为 网页标准, 由三个组成部分：

• [[前端/网页之骨架-HTML]]：负责网页的结构（页面元素和内容）。
• 网页之衣裳-CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）。
• 网页之大脑-Javascript：负责网页的行为（交互效果）。

通过这三项技术, 就足够制作前端页面了.

除了这前端三件套以外，基础部分还有：

• [[前端/Ajax-异步交互]]

除了这些基础内容，目前的前端大多都会使用更高级的框架，例如

• [[前端/渐进式框架-VUE]]
• Element Plus
• Tlias

Web 后端

Web 后端开发, 主要负责处理前端发送的请求、执行业务逻辑、与数据库交互以及管理服务器.
后端是网站和应用程序的“大脑”, 它处理着数据的存储、检索和业务逻辑.

像前面提到的 HTML、CSS、JS 以及图片、音频、视频等这些资源，我们都称为 静态资源 .
与静态资源对应的, 就是 动态资源 .

资源分类

静态资源: 指在服务器上存储的, 不会改变的数据, 通常不会根据用户的请求而变化.
动态资源: 指在服务器端上存储的，会根据用户请求和其他数据动态生成的，内容可能会在每次请求时都发生变化.

比如：Servlet、JSP 等(负责逻辑处理)。而 Servlet、JSP 这些技术现在早都被企业淘汰了，现在在企业项目开发中，都是直接 基于 Spring 框架 来构建动态资源.

而对于我们 java 程序开发的动态资源来说，我们通常会将这些动态资源部署在 Tomcat，这样的 Web 服务器中运行。 而浏览器与服务器在通信的时候，基本都是 基于 HTTP 协议的 .

上述所描述的这种 浏览器/服务器 的架构模式呢，我们称之为：BS 架构。

• BS 架构：Browser/Server, 浏览器/服务器架构模式. 客户端只需要浏览器, 应用程序的逻辑和数据都存储在服务端.

还有一种 客户端/服务器 的架构, 需要单独下载客户端的方式, 称之为 CS 架构.

• CS 架构：Client/Server, 客户端/服务器架构模式. 需要单独开发维护客户端.