• Web:全球广域网，也称万维网（www：World Wide Web），能够通过浏览器访问的网站。（如淘宝，京东这样的电商系统，或是企业内部的管理系统）

web网站工作流程：

  • 在浏览器里输入域名，一敲回车，怎么就能访问到页面了呢？

    • 浏览器是一个程序，京东网站也是一个程序，不过它在京东的电脑上运行着，我们只是通过浏览器远程访问而已

而京东的程序，大体由三个部分组成：

  • 1.所看到的网页程序（也成为前端程序），主要负责将数据以好看的样式呈现出来，它运行在前端服务器当中

  • 2.数据库程序（也是数据库服务器），负责管理和存储数据，前端只是将这些数据展示出来

  • 3.后端程序（Java编写的程序），运行在后端服务器，主要负责数据的逻辑处理

具体流程：

  • 1.首先，用户在浏览器地址栏输入域名之后，一敲回车，那么此时浏览器就会根据请求的域名请求对应的前端服务器（请求）

  • 2.前端服务器接收到请求之后，会把对应的前端代码返回给浏览器，浏览器程序里面内置的前端代码的解析引擎，其接收到前端代码后，会自动解析前端的代码，从而展现出对应的页面样式（响应）

  • 浏览器解析前端代码，会有一些网页结构，未获取数据时，网页只有空架子，没有数据

  • 如图

  • 在前端代码中，都会指定去哪获取数据

  • 这里划线的代码就是在获取数据

  • 3.当浏览器解析到前端代码当中的这个数据获取路径以后，浏览器就会拿着这个路径去访问部署在后端服务器中的后端java程序（请求）

  • 4.后端程序继续访问数据库（请求）

  • 5.后端服务器获取到数据库服务器的数据（响应）

  • 6.后端服务器将数据返回给浏览器（响应）

  • 7.此时前端代码和数据都有了，浏览器就会将数据填充在刚才的空架子的前端页面当中，从而形成看这样一个完整的页面呈现给用户

  • 这就是web网站整体的工作流程

网站的开发模式：

现在这种开发模式特点是：

  • 前端人员开发前端程序，然后将开发完成的前端程序放在前端服务器上运行

  • Java开发工程师负责开发后端Java程序，然后将开发完成的后端Java程序放在后端服务器上运行

  • 前端程序和后端程序的开发和部署都是分开的，这种开发模式称为前后端分离开发

早期还有一种开发模式：

  • 将前端程序和后端程序混合在一起进行开发，最终前后端程序都在一台服务器上运行

  • 浏览器发起请求到服务器后，服务器会将数据以及前端代码一并返回给浏览器

  • 图示

    • 1

    • 2

  • 浏览器再来进行解析和展示

  • 这种开发模式中，前端程序和后端程序的开发和部署都是混合在一起的，这种方式我们称之为混合开发

  • 现在市场主流开发模式是前后端分离模式