ASP_NET_Core_Shop 購物網站

簡介

前台顧客區，使用 前端(JQuery/JS) + 後端(MVC)

實作功能 (會員註冊登入、產品清單、購物車、訂單CRUD)

後臺管理區，使用 前端(JQuery/JS) + 後端(WebAPI)

實作功能 (Dashboard週報表、商品銷售報表、商品CRUD、訂單處理)

後臺管理帳戶: admin

後臺管理密碼: admin

Azure 部署

App Service, SQL Server, SQL DB

導覽功能

• 登入及註冊
• 商品清單
• 購物車
• 顧客區訂單
• Dashboard週報表、商品銷售報表
• 商品銷售報表
• 商品CRUD
• 管理區訂單

網站Demo網址

https://coreshopdemo.azurewebsites.net/Shop/HomePage

後臺管理區 Open API

https://coreshopdemo.azurewebsites.net/swagger

資料庫關係圖

主要功能

登入及註冊

• 使用 ClaimsIdentity 進行驗證
• 密碼以雜湊進行加密
• 會員權限區分，依照資料表 UserTables.IsAdmin bool值，給予票證 "Admin" 或 "Customer"
• "Admin" 登入後導向後台管理頁面，"Customer" 登入後導向顧客區頁面
• 程式碼位置 : Controllers => ShopController => Login、SignUp
• 程式碼位置 : MyDLL => Account => GetSHA1Hash

商品清單

• 回傳所有商品清單
• 前端依照商品種類(Product.TypeID)進行分類顯示

購物車

• 依照每項商品建立BuyCart紀錄，一個BuyCart對應一個Product，紀錄該使用者購物車內此商品資訊(數量)
• 更新購物車，依照前端數量更改，即時更改資料庫數據
• 顯示購物車，查詢出所有該使用者的BuyCart，回傳
• 優惠券使用，前端即時運算顯示金額
• 程式碼位置 : Controllers => ShopController => BuyCart、AddProductToBuyCart、UpdateBuyCart、DeleteBuyCart

顧客區訂單

• 前端表單驗證必填項目
• 依照購物車所有商品進行結帳，並取得是否使用優惠券(參數)
• 使用ADO.NET + Dapper 查詢所有對應商品，建立OrderDetails及此筆訂單Order
• 顯示訂單，回傳該使用者訂單(包含OrderDetails)，由前端處理主細表顯示
• 顧客可以查看管理者更改的訂單狀態，也可提出取消訂單申請
• 程式碼位置 : Controllers => ShopController => CheckOut、CreateOrder、Order、CancelOrder

Dashboard、商品銷售報表

Dashboard

• 查詢所有訂單分別為星期幾，並加總訂單金額，存進DashBoardViewModel
• 前端依照數據顯示Dashboard週報表趨勢圖
• 程式碼位置 : Controllers => WebAPIController => GetDashBoardData

商品銷售報表

• 使用ADO.NET + Dapper 查詢所有並排序OrderDetails(訂單明細)，JOIN Products、ProductTypes 存進 SellDataViewModel
• 程式碼位置 : Controllers => WebAPIController => GetProductsSellData

商品CRUD

• 新增商品，商品圖片存Server硬碟內並給予流水號，資料庫只存取路徑字串
• 管理者可以查看上架或已下架商品，也可以下架及刪除商品
• 程式碼位置 : Controllers => WebAPIController => AddProduct、GetAllProducts、GetAllDiscontinuedProducts、PostDiscontinueProduct、DeleteProduct

管理區訂單

• 顯示所有使用者訂單
• 更改訂單狀態(已出貨、已取消)，更改後顧客查看狀態即更改
• 程式碼位置 : Controllers => WebAPIController => GetAllOrders、GetAllOrders(string city)、UpdateOrder