案例實作圖解Asp.Net MVC教程
文字：天下輕功第一 ? ?程序：天下輕功第一 ? ?


第零章 資源和版本
一 Asp.Net MVC資源鏈接

ASP.NET MVC的官網
http://www.asp.net/mvc/

W3CSCHOOL的Asp.Net MVC教程

http://www.w3school.com.cn/aspnet/mvc_intro.asp

本文當前完成的項目源碼下載：

http://pan.baidu.com/s/1jGf4dPs

二 Asp.Net MVC 版本
RC 1 （09年1月）
RC 2 （09年3月3日）
RTM （09年3月17日）

第一章 入門實例
一 Hello Asp.Net MVC
? ? 打開VS2010，新建項目，如下圖；我不記得曾經有過MVC的安裝行為；MVC 2應該是VS2010自帶了的；



? ? 找到HomeController.cs中下列內容，
......
public ActionResult Index()
? ? ? ? {
? ? ? ? ? ? ViewData["Message"] = "Hello MVC2 !";


? ? ? ? ? ? return View();
? ? ? ? }
......
? ? 將原來內容替換為當前的"Hello MVC2 !";
? ? 找到Site.Master中下列內容，
......
? ? ? ? ? ? <div id="title">
? ? ? ? ? ? ? ? <h1>第一個 MVC 應用程序</h1>
? ? ? ? ? ? </div>
......
? ? 將原來內容替換為"第一個 MVC 應用程序";然后運行，如下圖；

? ? 這樣就完成了Hello MVC 2 入門例子。


二 實現一個登錄頁
? ? 先不連數據庫，實現一個簡單登錄頁。右擊 Models 文件夾，添加新類lylogin.cs；代碼如下；
namespace HelloMvc2.Models
{
? ? public class lylogin
? ? {
? ? ? ? public bool login(string username, string password)
? ? ? ? {
? ? ? ? ? ? if (username == "admin" && password == "1")
? ? ? ? ? ? {
? ? ? ? ? ? ? ? return true;
? ? ? ? ? ? }
? ? ? ? ? ? else
? ? ? ? ? ? {
? ? ? ? ? ? ? ? return false;
? ? ? ? ? ? }
? ? ? ? } ?
? ? } ??
}
? ? 右擊Controllers文件夾，添加一個新的控制器；全部代碼如下；
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;


namespace HelloMvc2.Controllers
{
? ? public class loginController : Controller
? ? {
? ? ? ? //
? ? ? ? // GET: /login/


? ? ? ? public ActionResult Index()
? ? ? ? {
? ? ? ? ? ? return View();
? ? ? ? }


? ? ? ? [AcceptVerbs(HttpVerbs.Post)]
? ? ? ? public void Index(string username, string password)
? ? ? ? {
? ? ? ? ? ? Models.lylogin lyl = new HelloMvc2.Models.lylogin();
? ? ? ? ? ? if (lyl.login(username, password))
? ? ? ? ? ? {
? ? ? ? ? ? ? ? Response.Write("登陸成功,用戶名稱為：" + username);
? ? ? ? ? ? }
? ? ? ? ? ? else
? ? ? ? ? ? {
? ? ? ? ? ? ? ? Response.Write("登陸失敗");


? ? ? ? ? ? }
? ? ? ? } ?
? ? }
}
? ? 在loginController的方法Index()上右擊，選擇 添加視圖；不選 選擇母版頁 ，單擊添加；在Views文件夾下自動添加login文件夾，在其下自動添加Index.aspx文件；在Index.aspx加入如下代碼；
? ? ? <form action ="/login" method="post" > ?
? ? ? <p>用戶名：<input type ="text" name ="username" /></p> ?
? ? ? <p>密碼：<input type ="password" ?name ="password" /></p> ?
? ? ? <p><input type ="submit" ?value ="登陸"/></p> ?
? ? ? </form>?


? ? 直接運行，在已有的url后面加上login,結果如下圖；



三 更多的實例
1 修改LogOn到標題欄
? ? 打開Views-Shared-Site.Master，如下第三行代碼為新增；
......
<li><%: Html.ActionLink("主頁", "Index", "Home")%></li>
<li><%: Html.ActionLink("關于", "About", "Home")%></li>
<li><%: Html.ActionLink("登錄", "LogOn", "Account")%></li>
......
? ? 運行，結果如下圖；



2 使用控制器
? ? 右擊 Controllers，添加控制器，命名為UsersController，勾選下面的復選框，單擊添加；
? ? 右擊Views，添加文件夾Users；
? ? 右擊Users，添加View，命名為Index，參數使用默認值；同樣再添加一個View,命名為Details；


? ? 打開Views-Shared-Site.Master，新增如下一行：
<li><%: Html.ActionLink("用戶管理", "Index", "Users")%></li>


? ? 打開Users-Index.aspx，在h2標簽對之后添加：
<ul> ? ? ? ? ? ? ?
? ? <li><a href="users/details/NDY22">查看用戶詳情</a></li><br/>
? ? <li><a href="users/create/NDY11">創建新用戶</a></li>
</ul>


? ? 打開Details.aspx，在h2標簽對之后添加如下內容：
<p>
? ? <%= Html.Encode(ViewData["Message"]) %>
</p>


? ? 打開UsersController.cs，找到Details方法，修改為如下：
public ActionResult Details(string id)
{
? ? ViewData["Message"] = id + "'s Details: ......";
? ? return View();
}
? ? 運行，結果如下圖；

總結

以上是生活随笔為你收集整理的案例实作图解Asp.Net MVC教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。