手把手教你ASP.NET Web API 搭建婚禮問卷網站（二）：前端篇

到此處下載BootStrap範本，並將HTML修改成自己要的表單格式

或是可以直接下載我修改好了範本並自行加以客製化喔！:)

hatsukiotowa/WeddingSample_Front

程式碼修改串接後端佈署的網址：

例如此處為

使用Storage Account佈署靜態網站

記得我們之前在後端篇，於Storage Account建立的Table嗎?

我們現在要使用它來佈署我們的靜態網站囉！(HTML/Javascript/CSS)

啟用之後會有下述的網站連結

接著前往Blob服務會看到已經幫我們建立好的$web資料夾

下一步，手動上傳所有的檔案及資料夾．．．(當然也有比較智能的方法，但這邊先暫時偷懶不做教學後續補）

接著到剛才靜態網站佈署的網址測試，佈署成功！

接下來CORS設定．．．web api要讓靜態網站可以連過來

送出成功!!

從Cloud Explorer 直接看一下DB

小作業：

請大家做個顯示報名資料的前端網頁~~

好啦我做的很偷懶....

後端篇連結：手把手教你ASP.NET Web API 搭建婚禮問卷網站（二）：後端篇