1?起個頭

創(chuàng)新互聯(lián)主營金灣網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app開發(fā)定制,金灣h5重慶小程序開發(fā)搭建,金灣網(wǎng)站營銷推廣歡迎金灣等地區(qū)企業(yè)咨詢

很多95后的程序員沒有搞明白MVC，需要多練習才行。

MVC實際上不是設計模式，而是架構(gòu)模式/體系結(jié)構(gòu)模式，體系結(jié)構(gòu)是老稱呼了，現(xiàn)在基本上都叫架構(gòu)了。

模型-視圖-控制器 (MVC) 體系結(jié)構(gòu)模式將應用分成 3 個主要組件：模型 (M)、視圖 (V) 和控制器 (C)。 MVC 模式有助于創(chuàng)建比傳統(tǒng)單片應用更易于測試和更新的應用。

模型 (M)：表示應用數(shù)據(jù)的類。 模型類使用驗證邏輯來對該數(shù)據(jù)強制實施業(yè)務規(guī)則。 通常，模型對象檢索模型狀態(tài)并將其存儲在數(shù)據(jù)庫中。

視圖 (V)：視圖是顯示應用用戶界面 (UI) 的組件。 此 UI 通常會顯示模型數(shù)據(jù)。

控制器 (C)：處理瀏覽器請求的類。 它們檢索模型數(shù)據(jù)并調(diào)用返回響應的視圖模板。 在 MVC 應用中，視圖僅顯示信息；控制器處理并響應用戶輸入和交互。 例如，控制器處理路由數(shù)據(jù)和查詢字符串值，并將這些值傳遞給模型。 該模型可使用這些值查詢數(shù)據(jù)庫。

1.1 MVC優(yōu)點

l?MVC 模式可幫助創(chuàng)建分隔不同應用特性（輸入邏輯、業(yè)務邏輯和 UI 邏輯）的應用，同時讓這些元素之間實現(xiàn)松散耦合。

l?該模式可指定應用中每種邏輯的位置。 UI 邏輯位于視圖中。 輸入邏輯位于控制器中。 業(yè)務邏輯位于模型中。

l?這種隔離有助于控制構(gòu)建應用時的復雜程度，因為它可用于一次處理一個實現(xiàn)特性，而不影響其他特性的代碼。 例如，處理視圖代碼時不必依賴業(yè)務邏輯代碼

1.2 創(chuàng)建一個MVC項目

1.3 新增一個控制器

1.4 新增HTTP終結(jié)點調(diào)用

控制器中的每個?public?方法均可作為?HTTP?終結(jié)點調(diào)用。

HTTP?終結(jié)點是?Web?應用程序中可定向的?URL（例如?https://localhost:44399/EdisonTest?），其中結(jié)合了所用的協(xié)議HTTPS?、TCP?端口等?Web?服務器的網(wǎng)絡位置?localhost:44399?，以及目標?URI EdisonTest。

2?進一步

2.1 路由

MVC 根據(jù)入站 URL 調(diào)用控制器類（及其中的操作方法）。 MVC 所用的默認 URL 路由邏輯使用如下格式來確定調(diào)用的代碼：

/[Controller]/[ActionName]/[Parameters]

在 Startup.cs 文件的 Configure 方法中設置路由格式。

如果瀏覽到應用且不提供任何 URL 段，它將默認為左邊紅線行中指定的“Home”控制器和“Index”方法。

第一個 URL 段決定要運行的控制器類。 localhost: 44399映射到 EdisonTestController 類。

第二個 URL段決定類上的操作方法。 ?localhost:44399/EdisonTest/GetOwnerName 將觸發(fā) EdisonTestController 類的GetOwnerName 運行。 請注意，只需瀏覽到 localhost:xxxx/EdisonTest ，而GetOwnerName 方法默認調(diào)用。 原因是 GetOwnerName 是默認方法，如果未顯式指定方法名稱，則將在控制器上調(diào)用它。

第三個URL 段 ( id ) 針對的是路由數(shù)據(jù)。?

測試：

2.2 增加參數(shù)

修改代碼，將一些參數(shù)信息從 URL 傳遞到控制器。

l?使用 C# 可選參數(shù)功能指示，未為 numTimes 參數(shù)傳遞值時該參數(shù)默認為 1。

l?使用 HtmlEncoder.Default.Encode 防止惡意輸入（即 JavaScript）損害應用。

l?在 $"I am Edison.Feng, you are {name}. Number of Times:{numTimes}"中使用內(nèi)插字符串。

測試：

2.3 參數(shù)路由

參數(shù)也可以作為路由：

測試：

問題1：路由的第三部分怎么解析的？

問題2：路由的第三部分的問號表示什么？

2.4 增加一個View視圖

目的：消除前面的硬編碼，不直接返回HTML文件內(nèi)容，而是返回視圖對象：

l?使用 Razor 視圖文件來順利封裝為客戶端生成 HTML 響應。

l?使用 Razor 創(chuàng)建視圖模板文件。 基于 Razor 的模板具有“.cshtml”文件擴展名。 它們提供了一種巧妙的方法來使用 C# 創(chuàng)建 HTML 輸出。

l?右鍵單擊“Views”文件夾，然后單擊“添加”>“新文件夾”，并將文件夾命名為“EdisonTest”。

l?右鍵單擊“Views/EdisonTest”文件夾，然后單擊“添加”>“新項”。

l?在“添加新項 - MvcMovie”對話框中

l?在右上角的搜索框中，輸入“視圖”

l?選擇“Razor 視圖”

l?保持“名稱”框的值：getownername.cshtml。

l?選擇“添加”

修改視圖文件getownername.cshtml：

修改默認路由，Startup.cs：

修改控制器，增加一個get方法：

測試：

2.5 給視圖傳點數(shù)據(jù)

使用ViewData在視圖和控制器之間傳遞數(shù)據(jù)：

（1）修改控制器

（2）修改視圖

（3）測試

3?數(shù)據(jù)庫操作

3.1 將真實的數(shù)據(jù)存在數(shù)據(jù)庫中，并取出來

l?結(jié)合 Entity Framework Core (EF Core) 使用這些類來處理數(shù)據(jù)庫。 EF Core 是對象關(guān)系映射 (ORM) 框架，可以簡化需要編寫的數(shù)據(jù)訪問代碼。

l?要創(chuàng)建的模型類稱為 POCO 類（源自“簡單傳統(tǒng) CLR 對象”），因為它們與 EF Core 沒有任何依賴關(guān)系。 它們只定義將存儲在數(shù)據(jù)庫中的數(shù)據(jù)的屬性。

3.2 新增一個模型Model

選中Models文件夾,右鍵菜單......

3.3 增加屬性

數(shù)據(jù)庫需要 Id 字段以獲取主鍵。

[DataType(DataType.Date)] ：DataType 屬性指定數(shù)據(jù)的類型 ( Date )。

通過此特性：

用戶無需在數(shù)據(jù)字段中輸入時間信息。

僅顯示日期，而非時間信息。

DataAnnotations

3.4 “腳手架”工具

l?腳手架：Scaffold，或者翻譯為基架

l?.net core通過腳手架工具（Scaffolded Item）生成頁面，用于對模型Model執(zhí)行創(chuàng)建、讀取、更新和刪除?(CRUD)?操作

3.5 使用EF Core的視圖

l?模型類：選擇剛剛建好的模型類Movie

l?數(shù)據(jù)Context類：新建，默認命名為MvcMovie1Context

l?視圖：默認

l?控制器名稱：默認

3.6 “搭建基架”過程自動創(chuàng)建哪些文件？

l?EF Core數(shù)據(jù)庫Context類

l?控制器

l?Razor視圖文件（CRUD）

l?Create

l?Index

l?Details

l?Edit

l?Delete

3.7 EF Core遷移功能

不使用EFCore遷移功能，只“搭建基架”則程序運行提示SqlException：不能打開數(shù)據(jù)庫

l?初始遷移

l?進入PMC（即程序包管理控制臺）

l?輸入Add-Migration Initial并回車，生成用于創(chuàng)建初始數(shù)據(jù)庫架構(gòu)的代碼，數(shù)據(jù)庫架構(gòu)基于在 MvcMovieContext 類中指定的模型。Initial 參數(shù)是遷移名稱

l?輸入Update-Database并回車，在 Migrations/{time-stamp}_InitialCreate.cs 文件中運行 Up 方法。Migrations/{time-stamp}_InitialCreate.cs用于創(chuàng)建數(shù)據(jù)庫

l?依賴注入

l?腳手架工具已經(jīng)把數(shù)據(jù)上下文類MvcMovie1Context注入到容器services中

l?AddDbContext 指定數(shù)據(jù)庫和連接字符串

l?=>是Lambda運算符

l?數(shù)據(jù)上下文類為?Movie?模型協(xié)調(diào)?EF Core?功能

l?（創(chuàng)建、讀取、更新、刪除等）

l?實體集DbSet對應數(shù)據(jù)庫的數(shù)據(jù)表

l?通過調(diào)用?DbContextOptions?對象中的一個方法將連接字符串名稱傳遞到上下文。

l?進行本地開發(fā)時，?ASP.NET Core?配置系統(tǒng) 在?appsettings.json?文件中讀取數(shù)據(jù)庫連接字符串。

3.8 CRUD: Details

l?Details方法

l?將強類型模型對象傳遞給視圖：憑借此強類型方法可更好地對代碼進行編譯時檢查

l?FirstOrDefaultAsync返回滿足條件的第一個元素，或者在不滿足條件下的默認元素

l?m => m.Id == id 元素的ID等于給定的ID

l?Details.cshtml

l?@model MvcMovie1.Models.Movie

l? 通過將 @model 語句包括在視圖文件的頂端，

l? 可以指定視圖期望的對象類型

3.9 CRUD: Index

l?Index方法

l?ToListAsync異步創(chuàng)建一個List

l?Index.cshtml

3.10 CRUD: Edit

3.11 CRUD: Create

3.12 CRUD: Delete

4?擴展更多的

4.1 數(shù)據(jù)庫連接字符串

l?DbContextOptionsBuilder.UseSqlServer

l?IConfiguration.GetConnectionString

l?AppSettings.json

3.2 SQL Server Express LocalDB

l?SQL Server對象資源管理器

l?視圖設計器

l?查看數(shù)據(jù)

4.3 數(shù)據(jù)庫種子

l?數(shù)據(jù)庫種子：沒有任何數(shù)據(jù)時初始化數(shù)據(jù)

l?修改Main方法

l?增加SeedData類

測試：

l?刪除數(shù)據(jù)庫的數(shù)據(jù)之后測試，如圖。

l?刷新數(shù)據(jù)庫后查看數(shù)據(jù)

4.4 修改顯示列表

l?修改列Title。

l?修改列數(shù)據(jù)顯示格式

4.5 按標題搜索

l?給Index操作增加一個參數(shù)。

l?s => s.Title.Contains() 代碼是 Lambda 表達式

l?Lambda 表達式在基于方法的 LINQ 查詢中用作標準查詢運算符方法的參數(shù)，如 Where 方法或 Contains，在對 LINQ 查詢進行定義或通過調(diào)用方法（如 Where、Contains 或 OrderBy）進行修改前不會被執(zhí)行。這意味著表達式的計算會延遲，直到真正循環(huán)訪問其實現(xiàn)的值或者調(diào)用 ToListAsync 方法為止。

l?Contains 方法在數(shù)據(jù)庫上運行，而不是在 C# 代碼中運行 ?

l?在cshtml中綁定兩個input標簽。

l??<form> 標記使用表單標記幫助器，提交表單時篩選器字符串會發(fā)布到電影控制器的 Index 操作。

l?增加一個POST Index操作

l?測試

l?不再出現(xiàn)過濾頁面

l?修改index.cshtml

l?測試：能夠轉(zhuǎn)到過濾頁面

4.6 按流派搜索

l?修改index操作方法

l?System.linq命名空間，有兩個靜態(tài)類:Queryable和Enumerable

l?IQueryable：where條件接收表達式，延遲執(zhí)行

l?IEnumerable：where條件接收一個謂詞表達式（委托），立即執(zhí)行

l?SelectList是SelectListItem的集合，和<select>標簽聯(lián)合使用

l?修改index.cshtml

l?最上面一句改為：@model MvcMovie1.Models.GenreViewModel

l?在Title: <input......上面增加：

l?<select asp-for="MovieGenre" asp-items="Model.Genres">

l?????????????<option value="">all</option>

l?????????</select>

l?修改Title: <input......為Title: <input type="text" asp-for="searchString">

l?把model.Title改為model.Movies[0].Title

l?把model.ReleaseDate改為model.Movies[0].ReleaseDate

l?把model.Genre改為model.Movies[0].Genre

l?把model.Price改為model.Movies[0].Price

l?把@foreach (var item in Model) {改為@foreach (var item in Model.Movies) {

4.7 增加新屬性

l?修改Models/Movie.cs

l?修改控制器

l?更新Create方法的[Bind]屬性

l?更新Edit方法的[Bind]屬性

l?修改Views/Movies/Index.cshtml

l?更新 /Views/Movies/Create.cshtml

l?更新 /Views/Movies/Edit.cshtml

l?更新 SeedData 類

l?更新數(shù)據(jù)庫

l?讓EF Core重建數(shù)據(jù)庫

l?對數(shù)據(jù)庫直接修改表結(jié)構(gòu)

l?使用Code First遷移（將新字段添加到模型，將新字段遷移到數(shù)據(jù)庫）

l?進入PMC

l?執(zhí)行Add-Migration Rating

l?Add-Migration 命令會通知遷移框架使用當前 Movie DB 架構(gòu)檢查當前 Movie 模型，并創(chuàng)建必要的代碼，將 DB 遷移到新模型。

l?名稱“Rating”是任意的，用于對遷移文件進行命名。 為遷移文件使用有意義的名稱是有幫助的。

l?執(zhí)行Update-Database

l?如果刪除 DB 中的所有記錄，初始化方法會設定 DB 種子，并將包括 Rating 字段。

4.8 預校驗

如下圖，有如下幾種標注：

l?Required

l?必需，缺少則返回400錯誤

l?MinimumLength

l?最小長度

l?RegularExpression

l?正則表達式

l?Range

l?范圍

l?StringLength

l?字串長度

l?DataType

l?數(shù)據(jù)類型

l?需要禁用 jQuery 日期驗證才能使用具有 DateTime 的 Range 特性

DRY原則是非常有用的：

文章標題：基于.netcore的MVC應用開發(fā)經(jīng)驗共享-創(chuàng)新互聯(lián)
本文來源：http://www.js-pz168.com/article14/cohide.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站改版、關(guān)鍵詞優(yōu)化、Google、動態(tài)網(wǎng)站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)