今天給大伙介紹一下:ASP.NET MVC3 新手教程:Hellow簡單示例,幫助新手入門,今天這個示例很簡單,圖文并解,歡迎對著試練習(xí)。
系ASP.NET MVC3 統(tǒng)環(huán)境部署:
VS2010-ASP.NET MVC3 下載地址:http://www.microsoft.com/web/downloads/platform.aspx
下載Microsoft Web Platform Installer 3.0,在Microsoft Web Platform Installer 3.0上可以在線下載到需要的軟件。
下面為簡單示例程序
1. 顯示一個簡單的字符串“Hello World”
新建ASP.NET MVC3 Web Application
選擇Razor視圖引擎
按F5啟動應(yīng)用程序
我們看到出錯了,這是因為在MVC里,請求被Controller處理,現(xiàn)在還沒有任何Controller,下面我們添加一個Controller, 右鍵Controller添加一個HomeController
修改HomeController里的Index方法為如下
F5運行后如下所示
為什么可以運行成功,這要歸功于ASP.NET MVC的路由機制,我們看一下Global.asax.cs里的如下代碼
從這行代碼里可以看到系統(tǒng)默認請求被路由到HomeController和Index這個Action(MVC里把Controller里公有方法稱之為Action,兩者之間是有區(qū)別的)。
2. 顯示一個視圖:
如果都像剛才那樣直接寫字符串到客戶端,那開發(fā)人員肯定瘋了,現(xiàn)在我們顯示一個視圖。先把HomeController里的Action改為如下代碼,按F5
namespace HelloWorld.Controllers{ public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } }}
根據(jù)提示,我們在錯誤提示的任何一個位置添加對應(yīng)的文件就可以了,這里我們在Views/Home文件夾下添加Index.aspx, 在HomeController里右鍵點擊Index方法名,選擇Add View
點擊確定,修改index.aspx為如下內(nèi)容
F5運行,我們看到顯示和之前相同的結(jié)果
3. 添加動態(tài)內(nèi)容
添加如下代碼
修改Index.aspx視圖為如下
F5運行
ViewBag是Controller定義的一個動態(tài)類型的屬性,意味著你可以給他添加任何屬性,在編譯時動態(tài)類型的屬性是不檢查的。
4. 強類型視圖
動態(tài)類型編譯時不能檢查,開發(fā)時沒有只能提示是意見很不爽的時,下面我們來定義一個強類型的視圖。先定義一個Person類
刪除Index.aspx, Ctrl+Shift+B 編譯一下,右鍵Action—>Add View
修改Index.aspx
我們可以看到強類型的智能提示
F5運行
我們可以看到生成的HTML和頁面
在Controller里添加如下方法
提交表單顯示如下,
之所以能夠顯示出名字,是因為ASP.NET MVC通過Binder機制把表單Post的數(shù)據(jù)賦給參數(shù)對象對應(yīng)的屬性,我們可以通過Firebug看一下表單Post的數(shù)據(jù)
5. 添加驗證
修改Person 這個Modal為如下,記得引用紅色標注的命名空間
視圖里添加如下紅色標注的內(nèi)容
修改Action里的代碼如下
F5運行,不輸入任何代碼提交表單
到這里,我們已經(jīng)完成了一個簡單的MVC3的程序,并演示的MVC3的一些基本特性,希望對新手有所幫助。