Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)归海一刀
published in(发表于) 2014/1/30 0:52:33
ASP.NET，MVC，Framework体验（3）：表单提交_[Asp.Net教程]

概述

在前面的两篇文章总，我们分别做了一个简单的ASP.NET MVC的例子和进行数据的绑定，在本文中，将通过ASP.NET MVC Framework实现表单的提交，你可以看到，在这里有多种方法来获取表单数据，可以自动映射、通过Request对象获取等。

实现新增数据

1.这里我们还采用上一篇做过的Blog示例（在后面的文章中，我将一直使用该示例），在这之前，先修改一下上次示例中的BlogRepository，为其增加一个Add方法：

public void Add(Post post)
{
BlogDataContext db = new BlogDataContext();
db.Posts.InsertOnSubmit(post);
db.SubmitChanges();
}

2.在Index视图中添加一个可以转向新建Post页面的链接，使用ActionLink()方法：

ASP.NET MVC Framework Sample


<%=Html.ActionLink("Home", new { action="Index"})%> |
<%=Html.ActionLink("New Post", new { action="New"})%>

<%foreach (Post post in ViewData)
{ %>

Title：<%=Html.Encode(post.Title) %>

Author：<%=Html.Encode(post.Author) %>

PubDate：<%=Html.Encode(post.PubDate.ToShortDateString()) %>

Content：<%=Html.Encode(post.Description) %>



<% } %>

在上面的代码中，第四行我们添加了New Post超链接，并指定该链接的action为New，这里我们也可以通过action名称来指定：

ASP.NET MVC Framework Sample


<%=Html.ActionLink("Home", "Index")%> |
<%=Html.ActionLink("New Post", "New")%>

<%foreach (Post post in ViewData)
{ %>

Title：<%=Html.Encode(post.Title) %>

Author：<%=Html.Encode(post.Author) %>

PubDate：<%=Html.Encode(post.PubDate.ToShortDateString()) %>

Content：<%=Html.Encode(post.Description) %>



<% } %>

3.编写控制器中的New action代码，这里代码非常简单，因为我们只需要转向新建Post视图就可以了，并不需要其他的操作：

[ControllerAction]
public void New()
{ 
//转向新页面
RenderView("New");
}

4.编写New视图，在这里我们将提供一些表单，供用户输入数据，编写HTML代码如下：

New Post



Title：


Author：


Content：

接下来添加一个HTML的form元素，并指定它的action为我们要增加新的Post的action，这里假定为Add，并且指定method为Post，最终我们完成的代码应该看起来如下所示：

New Post




Title：


Author：


Content：