第一個MVC4 Web應用程序


此文翻譯自:http://www.codeproject.com/Articles/470107/ASP-NET-MVC-4-Introduction的后半部分。

此示例代碼將幫助你更好的入門MVC4.

首先要創建mvc4項目,這塊就不再介紹了。

好,我們先增加了電話簿Model類 。

添加MVC模式

我已經改變了PhoneBookModel代碼如下,

在這個類中,我已經提到了驗證屬性的元素。ValidationAttributes是來自System.ComponentModel.DataAnnotations

上面的圖片顯示了可用的驗證屬性。MSDN 驗證屬性

現在,讓我們來添加所需的創建,編輯,刪除,詳細信息,列表等視圖,右擊文件夾,單擊“添加 - >”視圖“菜單上。

現在,我要添加列表視圖,我的視圖 名稱為“Index”,並選擇“創建一個強類型的視圖模型",使該代碼將生成相應的標准。

選擇類型的模型 - 視圖MVC

現在,我們可以指定模板了,使您的代碼將按照模板生成的,我選擇了像下面的模板“LIST”

當你點擊“確定”按鈕.Index.shtml就會自動生成。

用同樣的方法,我加入了這個示例項目中的所有文件

“詳細信息”頁面看起來像

再看下創建模板

現在,我們需要開始添加控制器。

單擊“添加” - >“控制器”菜單上,一旦你點擊 該菜單,然后會顯示一個彈出如下面 ,

在此對話框中有多個控制器模板

  • 空的MVC控制器
  • MVC控制器的讀/寫操作和視圖,使用實體框架
  • MVC控制器帶空的讀/寫操作
  • 空API控制器
  • API控制器的讀/寫操作和視圖,使用實體框架
  • API控制器帶空的讀/寫操作

我其中選用“MVC控制器帶空的讀/寫操作”控制器模板 現在給控制器的名稱PhoneBookController。需要注意的是MVC要求所有控制器的名稱結束,“控制器”。

點擊“添加”按鈕添加該控制器到我們的應用程序,控制器文件被創建,加入到我們的項目中,點擊這里可以看到生成的文件

現在,我要修改新加入的控制器文件,第一件事我添加了一個屬性,將有一個默認值的ePhoneBook

從那以后,我已經修改了創建方法,下同,

創建行動MVC

您看到此方法的返回類型ActionResult .可參考MSDN

  • ContentResult
  • EmptyResult
  • FileResult
    • FileContentResult
    • FilePathResult
    • FileStreamResult
  • HttpUnauthorizedResult
    • HttpUnauthorizedResult
    • HttpNotFoundResult
  • JavaScriptResult
  • 的JsonResult
  • RedirectResult
  • RedirectToRouteResult
  • ViewResultBase
  • PartialViewResult
  • 的ViewResult

 

 回來到我們的應用程序,我已經用同樣的方式更新了編輯.

上面的代碼將返回的數據為所選條目的手機號碼,只要你點擊更新按鈕,在編輯頁面下面的方法將被調用

對於“刪除”的方法,我們沒有任何特殊的用戶界面,這是為什么一個記錄被刪除,我們返回“索引”視圖。

刪除行動MVC。

“詳細信息”寫入方法如下

“索引”頁將顯示數據從下面的代碼

布局菜單MVC

_Layout.cshtml   電話簿中,我添加了一個菜單。一旦全部完成,讓我們的“運行”我們修改后的應用程序,

當你點擊“創建新頁面將顯示以下

編輯頁面如下:

總結

在這篇文章中,從初學者的角度。我希望您喜歡這篇文章,相信會對你產生一定的價值。

web技術分享


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM