我們學習web開發，首先要知道什麼是Web？Web: 全球廣域網，也稱為網際網路(www World Wide Web)，能夠通過浏覽器通路的網站
比如我展示的這京東，淘寶唯品會都叫做網站，那麼現在大家想一下，你還知道什麼網站？知道什麼是Web以後，現在我們來介紹一下web(網站的工作流程)
網站的工作流程
1.首先我們需要通過浏覽器通路釋出到前端伺服器中的前端程式，這時候前端程式會将前端代碼傳回給浏覽器。如下圖所示：
2.浏覽器得到前端代碼，此時浏覽器會将前端代碼進行解析，然後展示到浏覽器的視窗中，這時候我們就看到了網站的頁面，如下圖所示：
3.但是此時這個頁面是沒有資料的，因為資料在我們的資料庫中，是以我們浏覽器需要根據前端代碼中指定的背景伺服器的位址 向 我們的背景伺服器（内部有java程式）發起請求，背景伺服器再去從資料庫中擷取資料，然後傳回給浏覽器。
4.浏覽器拿到背景傳回的資料後，然後将資料展示在前端資源也就是網頁上，然後我們就看到了如下圖所示的完整的内容
整個流程如下：1.浏覽器先向前端伺服器請求前端資源，也就是我們所說的網頁2.浏覽器再向背景伺服器發起請求，擷取資料3.浏覽器将得到的背景資料填充到網頁上，然後展示給使用者去看
網站的開發模式
接下來我們來聊聊網站的開發模式，主要有2種：前端台分離和混合開發前背景分離：（目前企業開發的主流）這種開發模式的特點如下
- 前端人員開發前端程式，前端程式單獨部署到前端伺服器上
- 後端人員開開發後端程式，後端程式單獨部署到後端伺服器上混合開發：（早期的開發技術，目前慢慢退出市場），這種開發模式的特點是：前端人員開發的代碼和後端人員開發的代碼在同一個項目中，一起打包部署。
網站的開發技術
最後我們來看看web階段需要學習哪些技術呢？如下圖我們列舉了課程中需要學習的知識點
以下是圖表的方式整理了我們web階段要學習的技術和其對應的作用
前端web開發：
技術描述HTML用于建構網站的基礎結構的css用于美化頁面的，作用和化妝或者整容作用一樣JavaScript實作網頁和使用者的互動Vue主要用于将資料填充到html頁面上的Element主要提供了一些非常美觀的元件Nginx一款web伺服器軟體，可以用于部署我們的前端工程
後端web開發：
技術描述Maven一款java中用于管理項目的軟體Mysql最常用的一款資料庫軟體之一SpringBootspring家族的産品，目前最為主流的項目開發技術。Mybatis用于操作資料庫的架構
是以隻有我們學完上述的技術，我們才能開發出一個麻雀雖小，五髒俱全的網站。