---
# System prepended metadata

title: 軟體工程開發 期末專題(組件)

---

# 軟體工程開發 期末專題(組件)


## 📌 使用者故事
#### 我是一位逢甲學生，想要查看一下圖書館線上薦購系統的公告，搜尋完之後可以回到逢甲圖書館的首頁
## ⚙ 設計架構圖
![](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







