Byte Ebi's Logo

Byte Ebi 🍤

每天一小口,蝦米變鯨魚

[Express+Vue 搭建電商網站] 22 使用 Docker 將專案容器化

使用 Express + Vue 搭建一個電商網站 - 使用 Docker 將專案容器化

Ray

接著我們會把整個專案使用 Docker 來將服務容器化,也會在 MongoDB 設定身份驗證機制
如果對 Docker 不熟的話必須先去了解,才有辦法進行
或是直接跳過這個章節 交給熱心的攤主處理

[Express+Vue 搭建電商網站] 21 使用 Element UI 加入載入過動畫

使用 Express + Vue 搭建一個電商網站 - 套用 Element UI 加入載入動畫

Ray

等待的時候很無聊,所以我們加點動畫
基本的動畫是用來告訴使用者動作執行結果,做到這樣使用者才知道自己剛剛做的事情有沒有完成

[Express+Vue 搭建電商網站] 20 重構後的頁面功能恢復

使用 Express + Vue 搭建一個電商網站 - 重構後的頁面功能恢復

Ray

要是你跟老闆說:現在我們專案的畫面好看了,但是功能全壞了
老闆應該會一臉問號問你在講什麼?
廢話不多說,趕快來修好上一篇中被我們弄壞的功能!

[Express+Vue 搭建電商網站] 19 使用 Element UI 重構畫面

使用 Express + Vue 搭建一個電商網站 - 套用 Element UI 到頁面上

Ray

重構可能會造成一些功能癱瘓,本章先著重在畫面,讓畫面變美美噠
後續的文章會把功能修復,莫急莫慌莫害怕

[Express+Vue 搭建電商網站] 18 套用 Element UI 到頁面上

使用 Express + Vue 搭建一個電商網站 - 套用 Element UI 到頁面上

Ray

先前我們已經把電商的基本功能完成了,只是畫面有點差強人意。
在這一節中我們使用 Element UI 來讓畫面更加美觀

[Express+Vue 搭建電商網站] 17 使用常數管理變數

使用 Express + Vue 搭建一個電商網站 - 使用常數管理變數

Ray

很多時候我們會把功能封裝到組件內,以便重複使用組件,而在組件內我們會定義很多方法名稱去呼叫不同的事件
這中間只要有一個字打錯,整個流程就會錯誤,並且非常難除錯,因此我們會使用常數維持一致
打錯字的時候就會報錯,方便除錯

[Express+Vue 搭建電商網站] 16 抽離 Vuex store 中的邏輯

使用 Express + Vue 搭建一個電商網站 - 抽離 Vuex store 中的邏輯

Ray

隨著我們的迷你電商網站越來越完整,在 Vuex store 中的程式也越來越龐大
不只有 getters、mutation 還有 actions
在章節中先試著將這些複雜的邏輯拆分成個別的檔案,抽出 Getters、Mutations 和 Actions 邏輯

最新文章

Category

Tag