MVC5 EF6 入門完整教程

2022-01-29 10:48:54 字數 2604 閱讀 6045

第0課 從0開始

asp.net mvc開發模式和傳統的webform開發模式相比,增加了很多"約定"。

直接講這些 "約定" 會讓人困惑,而且東西太多容易忘記。

和微軟官方教程不同,筆者盡量不用腳手架,從空白框架開始,一步一步新增功能,每次新增的東西剛好夠用,讓大家能真正能用起來,理解每乙個過程。

本系列文章及文章中的例子主要基於微軟官方文件

使用工具 : vs2013 + ms sql 2012

開始主要講解mvc + ef搭配使用,後續同樣也會提供mvc + ado.net的實現方案

mvc,model – view – controller 的簡寫

model 封裝業務邏輯相關的資料及對資料的處理方法

view 向使用者提供互動介面

controller 負責控制model和view

看下面這張圖。目前只要理解這乙個概念就可以了,下面就開始建乙個空框架,從做中學。

note:模板要選empty,如果直接選mvc會產生多餘**。

note:上圖方框處正好對應於m, v, c

到此為止,就建立了乙個最基本的mvc解決方案,基本是空的。

我們簡單介紹下其中的routeconfig.cs檔案

開啟global.asax, 注意到在程式啟動的時候註冊了路由規則,如下方框處。

下面我們就看下具體的路由規則。開啟routeconfig.cs檔案

注意到裡面有個靜態方法,這就是對映路由的控制,這個方法定義了路由規則。

其中:url: "//"

定義了url的格式。

後續會結合實際的url位址來講解。

先不管model, 我們先建立controller和view

右鍵controllers資料夾,按圖示新增。

控制器必須以controller結尾(這是asp.net mvc的乙個約定)。

後續文章會講使用者登入的例子,所以這裡先建乙個accountcontroller.

新增後會發現多了下圖方框處的類和資料夾。

我們開啟新建的accountcontroller.cs看下,自動生成了乙個方法

publicactionresultindex()

我們稱這個index為乙個action,返回型別為actionresult.

可以看到,這個action返回了乙個view, 我們現在來建立這個view

新增view有兩種方法,一種是直接在views資料夾下新增(右鍵views

àaccount資料夾)

另外一種是通過controller中的action來新增。這次我們採用後一種方法。

開啟accountcontroller, 右鍵index方法,按圖示新增。

這樣就新增了乙個和特定的controller和action(這裡指accountcontroller和index)相對應的view(views

àaccount

àindex.cshtml)

這個view就是最終顯示的前端頁面,我們在body裡面新增一行字。

右鍵index.cshtml,在瀏覽器中檢視可以看到熟悉的html介面了。

注意瀏覽器中的位址 xx/account/index

這個位址與開頭的路由規則(url: "//"

)就對應了起來,應該很容易理解吧。

典型的乙個執行過程。

**路由比對

如成功,執行相應的controller與action

執行相應的view並返回結果

記住這個過程。後面的過程都會在這個簡單的過程中進行擴充套件。

mvc比之前的webform開發方式做了很大改變,分離更徹底。

下篇文章主要介紹view的ui設計,介紹一些重點的htmlhelper, 從前端開始容易看到效果。

MVC5 EF6 入門完整教程

mvc5 ef6 入門完整教程 第0課 從0開始 asp.net mvc開發模式和傳統的webform開發模式相比,增加了很多 約定 直接講這些 約定 會讓人困惑,而且東西太多容易忘記。和微軟官方教程不同,筆者盡量不用腳手架,從空白框架開始,一步一步新增功能,每次新增的東西剛好夠用,讓大家能真正能用...

MVC5 EF6 入門完整教程

原文 mvc5 ef6 入門完整教程 第0課 從0開始 asp.net mvc開發模式和傳統的webform開發模式相比,增加了很多 約定 直接講這些 約定 會讓人困惑,而且東西太多容易忘記。和微軟官方教程不同,筆者盡量不用腳手架,從空白框架開始,一步一步新增功能,每次新增的東西剛好夠用,讓大家能真...

MVC5 EF6 入門完整教程五

上篇文章介紹了ef實現crud及一些基本的html helpers.這次我們將會對之前的內容進行一些修改和重構 引入bootstrap樣式,搭建幾類共用的模板頁,對ui進行一些改造 分類介紹html helpers 完善一些功能 bootstrap是twitter推出的乙個開源的用於前端開發的工具包...