---
# System prepended metadata

title: 軟體工程開發實務 – 期末專題

---

# 軟體工程開發實務 – 期末專題
## 組件:主畫面快速連結
## User Story
作為一名逢甲大學的學生/老師
我想知道圖書館主畫面是否能夠一眼就找到我想要知道的消息並且擁有此消息的連結。
## 架構圖
![](https://i.imgur.com/YEg6wFx.png)
## 版本控制過程
先利用vue-cli專案模板工具創見出一個專案來。
部屬Vue App到Azure App Service。
將程式碼推上Azure後，先進行一次Pipelines完成靜態部署。
之後創建一個新的分支修改html檔案，再將分支合併回master。
## 軟體測試
**測試類別 :** 

**連結功能測試 測試是否能成功利用連結進入該網頁**
## 部屬流程
在Azure portal上建立一個靜態網頁的服務，並將其與GitHub帳號進行連結，再從GitHub專案選擇進行部署。

透過VS code部署Vue專案到Azure App Service

## 專題連結
https://d0915827-test.azurewebsites.net
![](https://i.imgur.com/QKfq9SC.png)
