前台功能(https://slook-frontend.azurewebsites.net/)

使用技術

C#、ASP.NET MVC、JavaScript、AJAX、Entity Framework、Code First、Razor、Vue.js

以ASP.NET Core MVC為框架，使用Razor與JavaScript做前端畫面渲染，並搭配Ajax做資料傳遞；後端實踐DI 相依性注入來降低類別之間的耦合度，且Repository透過使用泛型方法提升使用上的彈性。 

後台功能(https://slock-admin.azurewebsites.net/)

使用技術

C#、ASP.NET CORE、Vue.js、Axios、Dapper、Chart.js、Vue Loading.js

以ASP.NET Core Web API 與Vue.js做前後端分離方式做開發，以Axios做資料傳遞。並設計Scheduler去整理資料庫內容。

前台負責項目

• 登入註冊模組　　　　　　　　　　　  
  • 角色設定:
    登入時根據角色(用戶或供應商)存放於Cookie，並設定各個角色能進去的頁面。
  • 第三方登入:
    透過Google提供的API，接收傳回來的內容並確認式新用戶還是舊用戶要新增Google登入。
• 票券模組　　　　　　　　　　　  
  • 票券組與子票券:
    票券分成兩種使用方式，同一天的票卷組可以整組一起使用，或是每張票單獨使用。
  • 票券使用:
    票券的使用連結使用Google Api轉成Qrcode，讓用戶在使用時可以選擇開啟票券夾或是事先存成照片方便出示。
  • 資料庫隔離性:
    加入隔離性去控管交易過程的存取層級，在BeginTransactionAsync裡面加入了隔離等級Snapshot，處理的範圍是允許所有人讀取資料庫，但更新時會確認是否有其他交易已更新，若有則進catch。 
• 金流　　　　　　　　　　　  
  • 綠界API:
    把用戶的訂單轉成綠界需要的參數傳遞過去，根據傳遞回來的參數判定付款成功或者失敗。 
• 忘記密碼
  • 寄送認證信:
    輸入Email時檢測此用戶是否有電子郵件登入，如只有Google登入會提示此帳號無法重設密碼，若可以重設則會產生一組GUID及15分鐘後的有效期限，並發送連結到用戶的信箱。
  • 重設密碼:
    用戶點擊連結後會根據連結後面帶的GUID參數去資料庫搜尋用戶，並在前端使用Vue去確認客戶輸入的密碼是否符合規範。 
• 供應商的公司資料更新及變更密碼
  • 資料更新:
    在前端使用Vue去確認客戶輸入的資料是否符合規範 。
    
    
    

後台負責項目

• 登入模組　　　　　　　　　　　  
  • JWT驗證:
    登入時採用JWT驗證進行對稱式加密，並將Token存放至Cookie。
• 儀錶板　　
  • 圖表:
    前端透過Axios向API請求資料後進行畫面的渲染。　　　　　　　　　
  • 讀取:
    利用Vue在發給API的資料回來之前將圖表隱藏，並用Vue-Loading實現轉圈功能。

其他負責項目

• 資料庫架構初版設計。
• 協助同學解決問題。
• 延伸套件與工具的研究：ECPay ,Google Api，並將其套用在專題中。