Slook - B2B2C 旅遊票卷電商平台

專案使用 .NET Core MVC，架構分層採 Repository Pattern + Service Layer

前台專案使用 MVC - RazorPage 渲染前端頁面

後台專案前端使用 Vue.js 做 data-binding, 透過 Axios 請求後端 Web API 取得資料並在前端渲染專案透過 Azure DevOps 實踐 CI/CD 自動化建置與部署

前台專案 https://slook-frontend.azurewebsites.net

負責開發

• 購物車模組
• 前端使用 Vue.js ，即時計算購物車數量及金額，並利用前端正則表達式確保送出資料符合規範。
• 優惠碼模組
• 利用 Web API，即時確認目前購物內容是否符合優惠條件，並根據優惠碼類型計算折扣金額。
• 訂單模組
• 在成立訂單、付款過程實作資料庫交易，確保資料庫多張資料表變更時保持 ACID 特性。

使用技術

ASP NET Core MVC, Razor, Entity Framework, Razor, Vue.js

後台專案 https://slock-admin.azurewebsites.net/

帳號： admin       密碼：000000

負責開發

• 購物車、訂單排程
• 透過 Coravel 實作排程變更逾期訂單狀態、購物車項目狀態
• 後台訂單頁面
• 後端利用 Dapper 存取資料庫，前端以 BootstrapVue 呈現表格，Chart.js 呈現圖表

使用技術

ASP NET Core MVC, ASP NET Core API, Razor, Dapper, Coravel, Vue.js, Chart.js