這是一個假想的酒吧網站,從畫面設計到製作都由我一人獨立完成,分為前台頁面跟後台管理頁面,是我第一個製作的 Vue SPA 網站。
使用技術:
- Vue CLI、Vue router 製作 SPA 網站。
- Bootstrap 4、SCSS 客製化元件、製作 RWD 切版。
- Swiper.js 製作輪播。
- Axios 串接 API。
- ESLint 管控程式碼品質。
網站功能:
- 展示商品列表。
- 加入購物車,填寫訂單詳情,送出訂單。
- 獨立的後台頁面。
- 後台管理商品清單、新增限時折價券。
- 上傳圖片。
在這專案,我學會了:
- 如何使用 Vue CLI。
- 如何串接 API,將資料呈現在畫面上。
- 如何使用 vue-awesome-swiper 製作輪播。
- 後台管理表單如何設計。