今天是劉小愛自學Java第140天。
感謝你的觀看，謝謝你。
學習計劃安排如下：
了解傳統項目與網際網路項目的不同之處。
電商項目的特點與任務。
項目分為後臺管理系統和前臺門戶系統，每個系統都是前後端分離，分為前端頁面和後臺微服務，我們先學後臺管理系統。
今天是後臺管理系統的前端頁面搭建，明天是後臺管理系統的微服務搭建。
一、劉小愛商城
Java項目基本都是web項目，其中具體又被分為傳統項目和網際網路項目。
1傳統項目
像OA辦公系統就是典型的傳統項目：
其典型的特點就是：企業內部員工才能用，並不對外開放。
正是因為如此，所以更看重的是業務本身，至於網站性能什麼的不是太看重。
畢竟一共也就那麼些人用，也不會出現高並發的情況，對技術本身要求不高。
2網際網路項目
像門戶網站，電商網站就是網際網路項目。
其最大的特點就是對外開放，比如說淘寶，所有人都可以使用，都可以註冊。
正是因為如此，所以對網站的性能要求是比較高的，要知道現在淘寶用戶可是有幾億，一旦性能不好，用戶體驗是很差的。
並且涉及用戶太多，會有高並發的問題。
雙十一為何這麼的牛？
那天凌晨0點可能1秒鐘之內就有幾百萬上千萬用戶使用淘寶下訂單。
就算是機器，它也會吃不消的，伺服器會崩潰，而阿里巴巴能頂住這個壓力或多或少技術還是很厲害了。
也正是得益於電商行業的高強度並發壓力，促使了阿里巴巴這些行業巨頭們的技術進步。
3劉小愛商城
我們要做的項目就叫它劉小愛商城。
整個劉小愛商城從用戶角度來看，可以分為兩部分：後臺管理系統、前臺門戶系統。
前臺門戶系統就是像淘寶這樣的網站，用戶可以直接註冊使用的，我們先不學。
我們先學後臺管理系統，它是網站的管理者用來管理網站的，前端頁面如下圖：
後臺管理系統主要包含以下功能：
商品管理，包括商品分類、品牌、商品規格等信息的管理。
銷售管理，包括訂單統計、訂單退款處理、促銷活動生成等。
用戶管理，包括用戶控制、凍結、解鎖等。
權限管理，整個網站的權限控制，採用JWT鑑權方案，對用戶及API進行權限控制。
統計，各種數據的統計分析展示。
……等等
其又分為前端頁面和後臺微服務。
二、管理系統前端頁面
整個管理系統會使用Vue.js框架搭建出單頁應用（SPA），也就是剛學的組件化開發。
這邊我們就不從0到1去編寫前端代碼了，直接使用項目提供的前端資源導入即可：
運行命令：npm run dev
輸入該命令就能得到一個訪問地址，當然也可以自行在對應代碼中設置。
點擊該路徑就能直接跳轉到劉小愛商城後臺管理界面了。
如果要我們自己來寫估計也要個幾天時間，花這個時間不值得，直接用項目中提供的資源。
但是我們也要看得懂，不然的話連測試都沒法測試，畢竟後臺響應的數據需要我們自己渲染到對應的頁面中。
關於前端頁面的代碼，做一個簡單的了解：
emm，這個涉及到的知識點就有點多，並且還有一些文件的作用我沒有說明。
其中做一個了解即可，事實上大多數我們明白它的英文意思了，也就知道它的作用了。
三、Vuetify框架
Vuetify是一個基於Vue的UI框架，可以利用預定義的頁面組件快速構建頁面。
就有點類似於學過的BootStrap框架。
為什麼要用這個框架呢？
我們剛學的Vue框架，它雖然會幫我們進行視圖的渲染，但是樣式是由我們自己來完成。
這顯然不是我們的強項，因此後端開發人員一般都喜歡使用一些現成的UI組件，拿來即用。
那怎麼用呢？
具體就是我們需要一個什麼類型的組件，就可以去這裡面找到對應的，再將其提供的代碼模板複製到對應的地方即可。
以上就是對vuetify框架的初步介紹，以後用到什麼組件，就來查詢即可。
照理說前端頁面是由專門的前端人員來完成的，我們後臺只搭建後臺微服務就好了，畢竟現在基本都是前後端分離。
但是現在不可能說專門去找一個前端人員來陪我學習，所以還是要靠自己來搭建前端頁面。
這也是為什麼前面一直要學前端基礎的原因。
最後
謝謝你的觀看。
如果可以的話，麻煩幫忙點個讚，謝謝你。