mvc5入門，經(jīng)典教程。

在上一篇《 ASP.NET MVC5 添加控制器 》里面我們都是直接返回string 字符串或者h(yuǎn)tml 。這樣的話控制器不僅僅做了控制器的工作還做了VIEW（視圖）的工作。通常我們不希望控制器直接返回HTML，因?yàn)槟菢幼訌?fù)雜的頁面就會非常繁瑣，所以我們通常會用一個單獨(dú)的視圖模板文件來輔助生產(chǎn)對應(yīng)的html響應(yīng)報文返回客戶端。

接下來我們就來看看如何添加視圖，先修改上篇博客的那個例子，我們來修改HelloWorldController類，這樣才能讓view的模板文件來封裝要返回的html響應(yīng)報文。

首先，創(chuàng)建一個視圖文件夾 HelloWorld 。右鍵單擊（view）——》添加——》新建文件夾。

注意名字一定要是 HelloWorld 因?yàn)榭刂破髅质?HelloWorldController 控制器必須是Controller結(jié)尾，視圖文件夾的名字必須和控制器除了結(jié)尾的部分一樣。也就是“約定優(yōu)于配置”的理念。

接下來添加一個支架，選擇 MVC5 視圖—空 不帶模型

點(diǎn)擊添加，彈出的對話框把視圖名字（View name）改為 Index 。其他保持默認(rèn)然后確定。

可以看到多了一個 Index.cshtml的文件。在上面的</h2>后面添加如下的html代碼：

<p>這是一個View模板，來自于：HelloWorld下面的Index視圖！</p>

然后在index.cshtml文件上面右鍵，選擇在頁面檢查器中查看。當(dāng)然也可以按下F5進(jìn)行運(yùn)行，在瀏覽器地址欄輸入地址進(jìn)行查看。

但瀏覽器的地址發(fā)到服務(wù)器的時候，服務(wù)器解析給控制器，然后控制器里面只有一句 return View()語句，指定返回一個視圖模板文件給瀏覽器，我們沒有寫指定什么名字的視圖，默認(rèn)就是Index。

更改視圖和布局頁面

首先，上一個頁面我們需要修改標(biāo)題，顯示我們自己的信息。頁面頂部在一個網(wǎng)站之中的每一頁一般都是一樣的所以我們來修改布局的頁面也叫母版頁。在解決方案資源管理器里面，打開/views/shared 里面的_Layout.cshtml文件。

可以看到，有很多@開頭的內(nèi)容，比如你能在body里面找到 @RenderBody() 這一行。這個什么意思呢？其實(shí)說白了就是一個占位符，到時候可以用具體的視圖來填補(bǔ)這個信息。好比剛才那個Index.cshtml就是用來填補(bǔ)這里的。下面我們來修改標(biāo)題，通過這個了解占位符，以及母版頁（布局頁）的作用。

在_Layout.cshtml 的頭部，有個 <title>@ViewBag.Title – My ASP.NET Application</title> 我們修改為<title>@ViewBag.Title – 我的ASP.NET MVC5示例網(wǎng)站</title> 。body 里面的@Html.ActionLink(“Application name”, “Index”, “Home”, null, new { @class = “brand” }) 修改為 @Html.ActionLink(“MVC5示例網(wǎng)站”, “Index”, “Home”, null, new { @class = “brand” })

回到剛才的Index.cshtml ,修改成如下：

然后按下F5運(yùn)行看看。可以看到在瀏覽器頂端的標(biāo)題是 首頁1-我的ASP.NET。。。。 說明<title>@ViewBag.Title – 我的ASP.NET MVC5示例網(wǎng)站</title> 這句代碼里面的 @ViewBag.Title 被Index.cshtml 里面對應(yīng)的ViewBag.Title替換了。同時body里面被index.cshtml的內(nèi)容填充了。

我們?nèi)bout頁面也能看到標(biāo)題都變化了。這就是母版頁的作用，我們能夠在布局頁面中修改一次，網(wǎng)站上的所有頁面都顯示新的標(biāo)題。如果看不到效果的話可以CTRL+F5強(qiáng)制刷新看看。

上一篇的博文直接從M（模型）傳HTML回去，這次貌似直接用V（視圖），模型倒是沒怎么用。接下來我們就創(chuàng)建一個數(shù)據(jù)庫，通過M 模型 傳遞給 V 視圖 來顯示相應(yīng)信息。

將數(shù)據(jù)從控制器傳遞到視圖

在我們建立數(shù)據(jù)庫和模型之前，簡單說下數(shù)據(jù)從控制器傳遞到視圖。當(dāng)服務(wù)器接收到瀏覽器一個url的請求，某個控制器的某個方法會來響應(yīng)這次請求?？刂破黝惥褪悄莻€我們寫代碼來解析瀏覽器傳入的請求、分析業(yè)務(wù)、從數(shù)據(jù)檢索出數(shù)據(jù)經(jīng)過處理后最終決定返回什么樣的數(shù)據(jù)給瀏覽器。然后視圖VIEW就可以獲得控制器傳入的數(shù)據(jù)，進(jìn)行整理封裝成HTML返回給瀏覽器。控制器提供視圖返回給瀏覽器需要的數(shù)據(jù)或者對象。所以，最好讓視圖不執(zhí)行業(yè)務(wù)邏輯不與數(shù)據(jù)打交道，需要的數(shù)據(jù)就從控制器拿。這樣才能保證“關(guān)注點(diǎn)分離”（SOC）。

回到我們昨天寫的另外一個方法 Welcome 它需要2個參數(shù)，一個是name一個是ID。代碼如下：

ViewBage 是個動態(tài)的對象，意味著我們可以隨時添加需要的屬性。再添加之前ViewBag 并沒有那個屬性。借助于上個博客說的ASP.NET MVC的自動綁定模型，可以直接賦值給剛才動態(tài)創(chuàng)建的屬性 Message 和 tiems。接下來我們按照之前的步驟在添加一個視圖：Welcome 。

代碼如下：

非常的簡單，循環(huán)輸出消息。F5運(yùn)行在地址欄輸入

當(dāng)我們輸入上面地址欄的那個地址時候，服務(wù)器傳遞給相應(yīng)的控制器處理，控制器獲得參數(shù)，把數(shù)據(jù)打包成一個ViewBag對象，并將該對象傳遞給視圖，視圖獲得對象后取到需要的數(shù)據(jù)，組織好HTML語句然后返回給客戶的瀏覽器。

接下來的教程，將會介紹使用視圖模型來將數(shù)據(jù)從控制器傳遞到視圖。利用視圖模型的方法會比一般的方法好（強(qiáng)類型）。

下一步： 添加模型   額，M（model）的一種模型，不是數(shù)據(jù)庫的那種 。

ASP.NET MVC5 入門四——添加模型

發(fā)表于 2013 年 8 月 19 日 由 顏晉南

暫無評論

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
 
namespace MVC5DEMO.Models
{
  public class Movie
  {
    public int ID { get; set; }
    public string Title { get; set; }
    public DateTime ReleaseDate { get; set; }
    public string Genre { get; set; }
    public decimal Price { get; set; }
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

using System;
using System.Data.Entity;
 
namespace MVC5DEMO.Models
{
  public class Movie
  {
    public int ID { get; set; }
    public string Title { get; set; }
    public DateTime ReleaseDate { get; set; }
    public string Genre { get; set; }
    public decimal Price { get; set; }
  }
 
  public class MovieDBContext:DbContext
  {
    public DbSet Movies { get; set; }
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

public ActionResult Index(string movieGenre,string searchString)
    {
      var GenreLst = new List();
      var GenreQry = from d in db.Movie
               orderby d.Genre
               select d.Genre;
      GenreLst.AddRange(GenreQry.Distinct());
      ViewBag.movieGenre = new SelectList(GenreLst);
      var movies = from m in db.Movie
                 select m;
      if (!String.IsNullOrEmpty(searchString))
      {
        movies = movies.Where(s =>; s.Title.Contains(searchString));
      }
      if (!string .IsNullOrEmpty(movieGenre))
      {
        movies = movies.Where(x =>; x.Genre == movieGenre);
      }
      return View(movies);
    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

protected override void Seed(MVC5DEMO.Models.MovieDBContext context)
    {
      context.Movie.AddOrUpdate(i =>; i.Title,
        new Movie {
        Title = "虎膽龍威",
        ReleaseDate=DateTime.Parse("2013-03-16"),
        Genre="動作",
        Price=120},
        new Movie {Title = "致青春",
        ReleaseDate=DateTime.Parse("2013-04-26"),
        Genre="愛情",
        Price=60} ,new Movie {Title = "中國合伙人",
        ReleaseDate=DateTime.Parse("2013-05-18"),
        Genre="劇情",
        Price=90} ,new Movie {Title = "小時代",
        ReleaseDate=DateTime.Parse("2013-06-27"),
        Genre="腦殘",
        Price=30} 
        );
    }

1
2
3
4
5
6

public override void Up()
        {
            AlterColumn("dbo.Movies", "Title", c =>; c.String(maxLength: 60));
            AlterColumn("dbo.Movies", "Genre", c =>; c.String(nullable: false, maxLength: 30));
            AlterColumn("dbo.Movies", "Rating", c =>; c.String(maxLength: 5));
        }