[Asp.Net Core Mvc] Part.5 Controller/Action/View 基礎建立說明

--

MVC,這次談得是 C (Controller) ,說到這一塊其實又可以分為三部份來說,如Client端發出Request流程如下:

Middleware -> Controller -> Action -> (Model) -> View

Middleware其實也就是Startup.cs裡的UseEndpoints()為第一次收到Request的接口,接下來就會去匹配控制器(Controller),及相對應的動作(Action),並且進行商業邏輯的運作和資料存取,所以最關鍵還是要對應到Action才行,因為它才是真正要做事的方法(method)。

一、首先來建立一個Controller的控制器吧

二、選擇「MVC控制器 - 空白」先體驗一下吧(之後建立好一些資料模型會再補充其它二種方式)

建立後會如下圖所示

以上就簡單建立出一個Controller控制器,接下來會再說明如何在Action建立View畫面。

三、接下來要做的是如何在首頁上多出一個選單,並且點選後是對應到我們建立的View畫面

以下會建立出新的頁面

從View資料夾裡新增出一個新的頁面,這時候就可以編輯一下,如加個字串 hello world

再來我們新增一個選單,並且對應到剛剛建立CarController/Action,在_Layout.cshtml新增程式碼如下:

<li class="nav-item"><a class="nav-link text-dark" asp-area="" asp-controller="Car" asp-action="Index">Car</a></li>

加完之後,結果畫面如下

以上就完成一個 Controller/Action/View 的簡單流程,如果有任何問題的話,後面會有機會再來談到比較進階的應用,這次只是先操作一次大概了解輪廓,在製作過程中,不曉得是不是有一種「ㄟ~這麼快就完成」的感覺,主要原因還是MVC在內部底層幫我們做掉很多事情,所以在命名規則、操作上…就必需要符合它的遊戲規則,不然可能會有很多問題,而這些問題都是我們事前必需要在撰寫上符合規範。謝謝

--

--

Charlie Chen (陳慶裕)
Charlie Chen (陳慶裕)

No responses yet