Web 开发介绍：从网页到前后端分离

1. 什么是web开发

Web：全球广域网，也称为 万维网(www W orld W ide W eb)，能够通过浏览器访问的 网站。

所以 Web开发 说白了，就是 开发网站 的，例如网站：淘宝，京东 等等。

那么我们知道了web开发是开发网站的，那么我们需要学习哪些知识呢？以及这些知识在我们整个网站开发中占据什么位置呢？对于这些问题，我们就必须知道网站整体的工作流程。

2. 网站的工作流程

接下来我们先来看看网站的工作流程，这样才能在我们的脑海中构建初步的知识架构体系。

1.首先我们需要通过 浏览器 访问发布到 前端服务器 中的 前端程序，这时候前端程序会将前端代码返回给浏览器。如下图所示：

2.浏览器得到前端代码，此时浏览器会将前端代码进行解析，然后展示到浏览器的窗口中，这时候我们就看到了 网站 的 页面。

3.但是此时这个页面是没有数据的，因为数据在我们的数据库中，所以我们浏览器需要根据 前端代码中指定的后台服务器的地址 向 我们的 后台服务器（内部有java程序）发起 请求，后台服务器再去从 数据库 中获取数据，然后返回给浏览器。

4.浏览器拿到后台返回的数据后，然后将数据展示在前端资源也就是 网页 上，然后我们就看到了如下图所示的完整的内容

整个流程如下：

1.浏览器先向前端服务器请求 前端资源，也就是我们所说的 网页

2.浏览器再向 后台服务器 发起请求，获取 数据

3.浏览器将得到的后台 数据 填充到 网页 上，然后展示给用户去看

3. 网站的开发模式

接下来我们来聊聊网站的开发模式，主要有2种：前端台分离和混合开发

前后台分离：（目前企业开发的主流， 市场占有率70%以上）这种开发模式的特点如下

• 前端人员开发前端程序，前端程序单独部署到前端服务器上

• 后端人员开开发后端程序，后端程序单独部署到后端服务器上

混合开发：（早期的开发技术，目前慢慢退出市场），这种开发模式的特点是：前端人员开发的代码和后端人员开发的代码在同一个项目中，一起打包部署。

4. 网站的开发技术

最后我们来看看web阶段需要学习哪些技术呢？如下图我们列举了课程中需要学习的知识点。

其中主要分为两个大的部分：前端Web开发-基础、后端Web开发、前端web开发-案例。

• 前端Web开发共7天，我们将会进行分层设计和讲解，先讲解前端开发的基础知识，再讲解Vue工程化及案例。
  • 前端开发基础：HTML、CSS、JavaScript、Vue基础、Ajax。
  • Vue工程化：Vue工程化、TS、Element、案例、Nginx部署。
• 后端Web开发共16天，我们分为以下3个部分进行讲解。
  • Web基础（Maven、基础知识）：主要讲解web开发的一些基础知识，包括：Maven项目构建工具、Servlet、Tomcat、HTTP协议。
  • Web实战（IOC、DI、MySQL…）：主要讲解现在企业项目开发的主流技术，包括：IOC、DI、MySQL、请求、响应、AOP、Filter、Interceptor、JWT等技术。
  • Web原理：主要讲解SpringBoot的底层原理，包括：起步依赖，自动配置等。

所以只有我们学完上述的技术，我们才能开发出一个麻雀虽小，五脏俱全的网站。