2019年4月20日 星期六

透過 Model 建立對應的 Controller,並測試 WebAPI

MVC 專案中,已經有一個 Controllers 資料夾。
在上面案右鍵,依序選擇 Add > Controller...



選擇下圖選項,搭配 Entity Framework 產出。


選擇要對應的 MODEL,Controller name 會依照 MODEL 預設。


按下 Add 後,順利的話應該會直接產生 Controller,如果看到以下錯誤,請重新編譯方案。


在方案上按右鍵,選擇 Rebuild Solution
編譯完成後,請重複上述步驟,再次建立 Controller


產出的 Controller 如下圖,會直接引用 Entity Framework 與 Models,並產生對應方法。


按 F5 執行,並在網址後面加上 /api/{control_name} 然後按 Enter
此時會進行一次 GET Request,對應到程式內容,就是取得資料表內所有資料。
結果會直接呈現在網頁上。


在瀏覽器按 F12 啟用開發者工具,點選 Network,再依照說明重新整理。(Ctrl+R)


重新整理後,REQUEST 的結果會呈現在圖中,點選檢視詳細資料。
Headers 中可發現確實是 GET Request


Preview 可檢視資料格式化的結果,比較容易閱讀。
旁邊 Response 則是實際回傳的資料,所有資料呈現為一行。


到此便完成 Controller 建立。