# 軟體工程開發 期末專題(組件) ## 📌 使用者故事 #### 我是一位逢甲學生,想要查看一下圖書館線上薦購系統的公告,搜尋完之後可以回到逢甲圖書館的首頁 ## ⚙ 設計架構圖 ![](https://i.imgur.com/p1zQfbt.png) ## 🗂 版本控制過程 ![](https://i.imgur.com/7ElPEPD.png) ### 🔻 利用Board決定每次要新增/修改的目標 ![](https://i.imgur.com/MgSFqVU.png) ### 🔻 總共進行三次的branch跟合併 #### 最初版本 : 架設好vue的主頁面 #### 第一版 : 修改內容(html/css/javascript) #### 第二版 : 加入圖片(無法顯示) #### 第三版 : 修正圖片路徑(成功顯示) ## 📊 測試案例 #### ![](https://i.imgur.com/0JfHfLj.png) ## 🌐 部屬流程 ### 🔻 1. 將寫好的程式碼push到github上 ![](https://i.imgur.com/L36aqwS.png) ### 🔻 2. 將github上code網址push到azure上 ![](https://i.imgur.com/9XCpEir.png) ### 🔻 3. 使用azure進行部屬(通過yml) ![](https://i.imgur.com/frh6Mnc.png) ### 🔻 4. 透過branch分支調整內容及修正問題並成功顯示畫面 ![](https://i.imgur.com/a7Vcw2k.png) ## 🎯 專案網址 https://newtest0927.azurewebsites.net