ASP .NET Core MVC 從零開始 (3) - 快速建立CRUD頁面

接續上一篇ASP .NET Core MVC 從零開始 (2) - 建立資料庫模型 DataBase First文章,完成資料庫連件與模組建立後,開始我們的第一個功能介面。


ASP .NET Core MVC CRUD

Step 1. 在 Pages 目錄下建立子資料夾 [Employee],在 [Employee] 資料夾上按右鍵選 [加入] > [Razor 頁面]。

image

Step 2. 開啟後有三個選項,我們要快速產生清單 + CRUD 網頁,這邊我們選擇 [使用Entity Framework (CRUD)的Razor頁面]。

image

Step 3. 選取模型類別(Model class):這邊我們範例要建立員工基本檔、資料內容類別(Data context class): 選擇我們上一篇介紹DataBase First所產生的EMRContext。

image

Step 4. 完成後在Pages/Employee 目錄下會自動產生 Index.cshtml、Create.cshtml、Delete.cshtml、Details.cshtml、Edit.cshtml 等五個檔案。

image

Step 5. 建立完成之後,馬上來啟動看看,執行專案工具列[偵錯]>[啟動但不偵錯](或是使用快速鍵Ctrl + F5),執行並啟動應用程式,在網址列最後面打上[\Employee],基本的員工清單列就完成囉。

image


  • 參考文章
tags: Visual Studio 2019

留言板
歷史留言

標籤