Asp.net MVC2.0系列文章-显示列表和详细页面操作

上一篇文章，我们简单地完成了新闻的添加操作(
Asp.net MVC2.0
系列文章
-
添加操作

)
此篇文章，我们使用Asp.net MVC2.0
实现新闻清单的展示和新闻详细页面。
创建View
视图Index
和NewsDetails

创建新闻首页，用来显示新闻列表。
在Views/News
目录下，单击右键，选择Add-View
，修改相关配置如下图所示















在生成的HTML
代码中，进行相关展示方面的修改。主要代码如下：

% foreach (var item in Model) { %



tr

td

%: Html.ActionLink("Edit", "NewsEdit", new { id=item.Id }) % |

%: Html.ActionLink("Details", "NewsDetails", new { id=item.Id })% |

%: Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })%

/td

td

%: item.Title %

/td

td

%: String.Format("{0:g}", item.CreateTime) %

/td

td

%: item.Content %

/td

/tr

% } %






使用Foreach
循环遍历新闻List
中的记录。
%: Html.ActionLink("Details", "NewsDetails", new { id=item.Id })% 此连接URL会寻找当前Controller下的NewsDetails Action方法，以新闻编号Id为参数进行传值。




同样的方法创建新闻详细页面视图NewsDetails.asp


生成的核心代码如下：

asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"

h2详细内容/h2

fieldset

legend新闻/legend

div class="display-label"标题/div

div class="display-field"%: Model.Title %/div



div class="display-label"创建时间/div

div class="display-field"%: String.Format("{0:g}", Model.CreateTime) %/div



div class="display-label"新闻内容/div

div class="display-field"%: Model.Content %/div



/fieldset

p

%: Html.ActionLink("Edit", "NewsEdit", new { id=Model.Id }) % |

%: Html.ActionLink("Back to List", "Index") %

/p

/asp:Content






%: Html.ActionLink("Edit", "NewsEdit", new { id=Model.Id }) % | 此连接会跳转到新闻编辑页面，同样以新闻编号Id传值。

修改Controller
文件

在Controllers/News
文件下

修改Action Name=Index
的方法，以使Index.aspx
页面初始化数据，此处未读读取数据库，而是伪造了一些数据，且放到静态变量中：
public static ListTHelperMVC.Models.News.NewsModel newsList;

Index Action 代码如下：


public ActionResult Index()

{

newsList= new ListTHelperMVC.Models.News.NewsModel();

for (int i = 0; i 10; i++)

{

THelperMVC.Models.News.NewsModel news=new THelperMVC.Models.News.NewsModel();

news.Id = i;

news.Title = "Title" + i.ToString();

news.CreateTime = System.DateTime.Now;

news.Content = "Content 新?闻?内容Y" + i.ToString();

newsList.Add(news);

}

return View(newsList);

}






使用For循环生成10条新闻记录。



修改NewsDetails.Aspx所对应的Action方法，如下


// GET: /News/Details/5

public ActionResult NewsDetails(int id)

{

THelperMVC.Models.News.NewsModel news=newsList[id];

return View(news);

}





根据URL传过来的参数（即新闻编号Id）,从全局静态变量中寻找NewsModel实体，从而初始化新闻详细页面。

最后修改母版页中的，News连接，如下图所示：





此时，点击首页的News超链接，会寻找NewsController文件夹下的Index方法，从而初始化Views/News/Index.aspx页面。

程序运行效果

按下Ctrl+F5
运行程序，如下图所示：

点击上图中的【News
】超链接，跳转到新闻列表页面，如下图所示：

点击Details
超链接，会跳转到相应记录的详细页面，如下图所示：