Web开发介绍 ​

什么是Web ​

Web：全球广域网，也称为万维网(www World Wide Web)，说白了，Web指的就是能够通过浏览器访问的网站。

大家可以想一下，这一类的网站多不多呀，非常多啊。比如，我们日常生活中，经常使用的像淘宝、京东、唯品会这类的电商网站。

还有像CRM、OA、ERP这类的企业内部的管理系统等等，这些都是Web网站。

那么我们知道了web开发是开发网站的，那我们学习Web开发，主要就是来学习如何来开发这样的web网站。那接下来呢，在正式的进入到Web开发的学习之前，我们先来明确两个问题：

• Web网站的工作流程
• Web开发的课程安排

明确了这两个问题之后，我们就大概了解了Web开发的全貌，对于Web开发有一个整体的认知，然后呢我们再来逐个学习其中的核心知识。

那首先，我们就先来看看Web网站的工作流程。

Web网站工作流程 ​

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

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

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

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

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

整个流程如下：

• 浏览器先向前端服务器请求前端资源，也就是我们所说的网页
• 浏览器再向后台服务器发起请求，获取数据
• 浏览器将得到的后台数据填充到网页上，然后展示给用户去看

Web网站开发模式 ​

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

3.1 前后端分离开发 ​

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

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

这种开发模式的优点：岗位职责明确、便于项目的后期维护和管理。

3.2 前后端混合开发 ​

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

这种开发模式的缺点：岗位职责不明确、不利于项目的后期维护和管理。（主要是一些很老的项目还在维护，新项目基本全都是前后端分离的开发模式）

Web开发课程安排 ​

本课程中采用了当前企业开发的主流开发模式：前后端分离开发模式。Web开发课程主要分为4个小的阶段，分别是：