1. 程式人生 > >ASP.NET MVC 5 -從控制器訪問資料模型

ASP.NET MVC 5 -從控制器訪問資料模型

在本節中,您將建立一個新的MoviesController類,並在這個Controller類裡編寫程式碼來取得電影資料,並使用檢視模板將資料展示在瀏覽器裡。

在開始下一步前,先Build一下應用程式(生成應用程式)(確保應用程式編譯沒有問題)

解決方案上,用滑鼠右鍵單擊Controller資料夾,點選新增,再選擇Controller

clip_image002

Scaffold新增對話方塊,選擇MVC 5  Controller with views, using Entity Framework, 點選新增。

clip_image004

· 控制器(Controller)名稱輸入: MoviesController.

· 模型類(Model class)選擇: Movie (MvcMovie.Models)

.

· 資料上下文類(Data context class)選擇:MovieDBContext (MvcMovie.Models)

下圖顯示了完成的對話方塊。
clip_image006

單擊新增(如果你得到一個錯誤,則很可能增加控制器前,沒有生成該應用程式)。Visual Studio Express 會建立以下檔案和資料夾:

· 專案控制器資料夾中的MoviesController.cs檔案。

· 專案檢視資料夾下的 Movie資料夾。

· 在新的Views\Movies資料夾中建立Create.cshtml、 Delete.cshtml、 Details.cshtml、 Edit.cshtmlIndex.cshtml

檔案。

Visual Studio自動建立 CRUD(建立、 讀取、 更新和刪除) 操作方法,和相關的檢視檔案(CRUD 自動建立的操作方法和檢視檔案被稱為 scaffolding)。 現在您有了可以建立、列表、 編輯和刪除電影Entity 所有的Web功能了。

執行應用程式,通過將/Movies追加到瀏覽器位址列 URL的後面,從而瀏覽Movies控制器。因為應用程式依賴於預設路由 ( App_Start\RouteConfig.cs 檔案中的定義),瀏覽器請求http://localhost:xxxxx/Movies將被路由到Movies控制器預設的Index 操作方法。換句話說,瀏覽器請求http://localhost:xxxxx/Movies

等同於瀏覽器請求http://localhost:xxxxx/Movies/Index。因為您還沒有新增任何內容,所以結果是一個空的電影列表。

clip_image008

建立電影

點選Create New連結。輸入有關電影的一些詳細資訊,然後單擊Create按鈕。

clip_image010

注意:您可能無法在“價格”欄位中輸入小數點或逗號。要支援非英語語言環境,小數點用逗號(","),和非美國英語的日期格式的jQuery驗證,你必須包括globalize.js,和你的具體文化/ globalize.cultures.js的檔案(從https://github.com/jquery/globalize)和JavaScript使用Globalize.parseFloat的。在接下來的教程中,我將展示如何做到這一點。現在,只需輸入整數,如10。

單擊Create按鈕將使得窗體提交至伺服器,同時電影資訊也會儲存到資料庫裡,然後您會被重定向到/Movies 的URL,您可以在列表中看到剛剛建立的新電影。

clip_image012

建立一些更多的電影資料(movie entries)。 同時也可以嘗試點選編輯詳細資訊刪除功能的連結。

看一下生成的程式碼

開啟Controllers\MoviesController.cs檔案,並找到生成的Index方法。一部分電影控制器和Index方法如下所示。

public class MoviesController : Controller { private MovieDBContext db = new MovieDBContext(); // GET: /Movies/ public ActionResult Index() { return
 View(db.Movies.ToList());
    }

Movies控制器請求,從而返回Movies電影資料庫表中的所有記錄,然後將結果傳遞給Index檢視。下面是MoviesController類中例項化電影資料庫上下文例項,如前面所述。電影資料庫上下文例項可用於查詢、 編輯和刪除的電影。

private MovieDBContext db = new MovieDBContext();

強型別模型和 @model 關鍵字

在本系列前面教程中,您看到了使用ViewBag物件,從控制器傳遞資料或物件給檢視模板。ViewBag是一個動態的物件,提供了方便的後期繫結(late-bound)方法將資訊傳遞給檢視。

MVC 還提供了傳遞強型別物件(strongly typed objects)到檢視模板的能力。這種強型別使得更好的在編譯時檢查您的程式碼, 並在Visual Studio 編輯器中提供更加豐富的智慧感知(IntelliSense)。 當建立操作方法和檢視時, Visual Studio 中的scaffolding機制(也就是通過一個強型別的模型)使用了MoviesController類和檢視模板。

Controllers\MoviesController.cs檔案中看一下生成的Details方法。電影控制器裡的Details方法如下所示。

public ActionResult Details(int? id) { if (id == null) { return new HttpStatusCodeResult(HttpStatusCode.BadRequest); } Movie movie = db.Movies.Find(id); if (movie == null) { return HttpNotFound(); } return
 View(movie);
}

id引數一般是通過路由資料傳遞. 例如 http://localhost:1234/movies/details/1 會設定電影控制器的控制,該方法操作details並設定id為1。 你也可以通過一個查詢字串(query string) 的id如下: http://localhost:1234/movies/details?id=1

如果查詢到了一個MovieMovie 模型的例項會傳遞給Detail檢視。

return View(movie);

看一下Views\Movies\Details.cshtml檔案裡的內容。

@model MvcMovie.Models.Movie @{ ViewBag.Title = "Details"; } <h2>Details</h2> <div> <h4>Movie</h4> <hr /> <dl class="dl-horizontal"> <dt>

            @Html.DisplayNameFor(model => model.Title)
        
</dt>

         @*Markup omitted for clarity.*@        
    
</dl> </div> <p>

    @Html.ActionLink("Edit", "Edit", new { id = Model.ID }) |
    @Html.ActionLink("Back to List", "Index")
</p>

通過引入檢視模板檔案頂部的@model語句,您可以指定該檢視期望的物件型別。當您建立電影控制器時,Visual Studio 會將@model宣告自動包含到Details.cshtml檔案的頂部:

@model MvcMovie.Models.Movie

@model宣告使得控制器可以將強型別的Model物件傳遞給View檢視, 從而您可以在視圖裡訪問傳遞過來的強型別電影Model。 例如,在Details.cshtml模板中,每部電影的欄位,通過程式碼傳遞了DisplayNameForDisplayFor HTML Helper通過強型別的Model物件。Create和Edit方法還有檢視模板都在傳遞電影的強型別模型物件。

看一下Index.cshtml檢視模版和MoviesController.cs中的Index 方法。請注意這些程式碼是如何在Index操作方法中,建立List物件,並呼叫View方法的。

此程式碼在控制器中傳遞Movies列表給檢視:

public ActionResult Index()
{
    return View(db.Movies.ToList());
}

當您建立電影控制器時,Visual Studio會自動包含 @model語句到Index.cshtml檔案的頂部

@model IEnumerable<MvcMovie.Models.Movie>

@model宣告使得控制器可以將強型別的電影列表Model物件傳遞給View檢視。例如,在Index.cshtml模板中,在強型別的Model物件上使用foreach語句迴圈遍歷電影列表:

@foreach (var item in Model) { <tr> <td>

            @Html.DisplayFor(modelItem => item.Title)
        
</td> <td>

            @Html.DisplayFor(modelItem => item.ReleaseDate)
        
</td> <td>

            @Html.DisplayFor(modelItem => item.Genre)
        
</td> <td>

            @Html.DisplayFor(modelItem => item.Price)
        
</td> <th>

            @Html.DisplayFor(modelItem => item.Rating)
        
</th> <td>

            @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
            @Html.ActionLink("Details", "Details", { id=item.ID })  |
            @Html.ActionLink("Delete", "Delete", { id=item.ID }) 
        
</td> </tr>

}

因為Model物件是強型別的 (是IEnumerable<Movie>物件),所以在迴圈中的每個item物件的型別是Movie型別。好處之一是,這意味著您可以在程式碼編譯時進行檢查,同時在程式碼編輯器中支援更加全面的智慧感知:

clip_image002[4]

使用SQL Server LocalDB

Entity Framework Code First(程式碼優先),如果檢測到不存在一個數據庫連線字串指向了Movies資料庫,會自動的建立資料庫。在App_Data資料夾中找一下,您可以驗證它已經被建立了。如果您看不到Movies.mdf檔案,請在解決方案資源管理器工具欄上,單擊顯示所有檔案按鈕,單擊重新整理按鈕,然後展開App_Data資料夾。

clip_image004

雙擊Movies.mdf開啟資料庫資源管理器(SERVER EXPLORER),然後展開資料夾(Tables) 以檢視電影表。

注意:ID旁邊的鑰匙圖示。預設情況下,EF將建立一個名為ID的主鍵。欲瞭解更多EF和MVC資訊,請參閱Tom Dykstra's的優秀教程MVC and EF

clip_image006

在Movies表上單擊滑鼠右鍵,並請選擇顯示錶資料(Show Table Data)看您所建立的資料。

clip_image008[4]

clip_image010[4]

在Movies表上單擊滑鼠右鍵,並請選擇開啟表定義(Open Table Definition), 您將看到Entity Framework Code First建立的表結構。

clip_image011

clip_image013

注意事項: Movies表對映到Movie類的架構(schema)如何你前面建立的。Entity Framework Code First首先自動為您創造了這個架構(schema)基於Movie class。當您完成後,通過右擊MovieDBContext,並選擇關閉連線。 (如果你不關閉連線,下一次執行專案,你可能會得到一個錯誤)。

clip_image015

現在,您可以在這個簡單列表頁面裡:顯示、編輯、更新、刪除資料庫裡的資料了。在下一次的教程中,我們會繼續看看scaffolded自動生成的其它程式碼。並新增一個SearchIndex方法和SearchIndex檢視,使您可以在資料庫中搜索電影了。更多關於Entity Framework with MVC, see Creating an Entity Framework Data Model for an ASP.NET MVC Application.

從控制器訪問資料模型是MVC資料傳遞中重要的知識部分,深入理解了這部分內容才能更好的進行MVC開發。當然,藉助一些開發工具一樣助力開發過程。使用 ComponentOne Studio ASP.NET MVC 這款輕量級控制元件,工作效率大大提高的同時,工作量也會大大減少。

-----------------------------------------------------------------------------------------

《ASP.NET MVC 5 入門指南》12篇文章彙總如下:

希望這些文章對感興趣的朋友有所幫助,另附上PDF版的彙總文件:

相關閱讀: