購物商城系統設計與實現總結_1整體結構

系統設計實現成功的整體回顧總結：

這是一個購物商城的前臺系統，用於用戶註冊登錄後進行瀏覽購物，並通過購物車和個人訂單進行管理。系統前端使用了vue框架，後端利用Express搭建主要進行數據庫操作，通過Axios進行交互，數據庫使用Mysql並用Navicat可視化管理。

系統製作是通過網上視頻資料學習Vue和Express內容，然後邊學邊做的。

項目前後端分離，xttshop是利用vue腳手架搭建項目結構製作的前端界面，xttshop_api是利用Express搭建的後端服務器。

xttshop中主要代碼在src中編寫，其中用到的圖片，需要從數據庫取圖片路徑的都放在public/images下，另一部分放在src/assets/img下，

src中：api進行axios的封裝，assets下分文件夾進行圖片img和小圖標fonts的存儲，css和js公用部分的封裝，在components下進行前端頁面的組件化設計開發，router中進行路由管理。

後端中db.js連接數據庫，routes中對前端請求進行對應數據庫操作。