close

甚麼是MVC呢?

分別代表三個字,Model、View、Controller

Model : 定義資料欄位,而這些就是用來跟資料庫相互存取的欄位,同時也可以設定前端驗證(驗證帳密、手機號碼等等有沒有輸入錯誤)。

Viewl : 寫UI的地方。

Controller : 可以想成控制要給甚麼UI畫面給使用者、以及讀取撈取甚麼資料給使用者的功能,而這功能就叫做控制器_Controller。

更抽象的說法就是,接收任何要求(Request)以及邏輯計算的地方,像是 http post、表單資料回傳、頁面跳轉等等。

 

1.加入三個資料夾

image

2.加入控制器

image

image

取一個響亮的名字,叫HomeController。

image

3. 加入View ,加上UI介面。

在新增出來的控制器上面,選取起Index名稱 -> 右鍵 ->新增檢視

image

image

4. 打上html,在新增的index.cshtml裡面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

   <label>Welcome</label>

</body>
</html>

目前資料夾會長這樣喔~

image

5. 最重要的事!

控制器、View 都建好了,但現在要使用的服務是用Controller 接收Request

所以要在Startup.cs的 Configure()裡面多加程式碼。

把原本的註解起來 -> 補上MapControllerRoute

image

程式碼 :

app.UseEndpoints(
                endpoints =>
                {
                    endpoints.MapControllerRoute("default", "{controller=Home}/{action=Index}/{id?}");
                });

 

設定好之後就執行起來囉~ 成功就會是這樣

image

 

今天學到了

1.甚麼是MVC

2.建立Controller 、View

3.最重要的是,Startup.cs 的應用程式服務設定。

 

 

感謝大家,我們下次見~~

arrow
arrow

    阿駿 發表在 痞客邦 留言(0) 人氣()