当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

ASP.NET MVC创建TaskList应用程序

如果你使用过ASP或ASP.NET,你会发现ASP.NET MVC和它们非常相似,ASP.NET MVC的呈现和ASP应用程序的页面非常相似,就像传统的ASP.NET Web窗体应用程序,ASP.NET MVC让你可以完全访问.NET框架提供的语言和类。

我希望通过本文让你感受到构建ASP.NET MVC应用程序的过程和构建ASP应用程序或ASP.NET Web窗体应用程序的相似之处和不同之处。

任务列表应用程序

为了保持简洁,我只创建一个非常简单的任务列表应用程序,通过这个程序可以做下面三件事情:

1.列出一套任务

2.创建新的任务

3.标记任务已完成

还是那句话,为了保持简洁,在构建任务列表应用程序时我只使用ASP.NET MVC框架的少部分特性,如我不会使用测试驱动开发方法或HTML辅助方法。
预备

要构建ASP.NET MVC应用程序,要使用到Visual Studio 2008 或Visual Web Developer 2008 Express,同时还需要下载ASP.NET MVC框架,下载地址是http://www.asp.net/mvc/。可以从http://msdn.microsoft.com/en-us/vs2008/products/cc268305.aspx下载90天试用期的Visual Studio 2008。如果你决定使用Visual Web Developer 2008 Express,必须得安装SP1,可以从http://www.microsoft.com/downloads/details.aspx?FamilyId=BDB6391C-05CA-4036-9154-6DF4F6DEBD14&displaylang=en下载Visual Web Developer 2008 Express的SP1包。

创建一个ASP.NET MVC Web应用程序项目

我们从在Visual Studio 2008中创建一个ASP.NET MVC Web应用程序项目开始,选择菜单项文件(File) > 新建项目(New Project),你就会看到如图1所示的一个新建项目对话框,选择你熟悉的编程语言(Visual Basic 或Visual C#),然后选择ASP.NET MVC Web应用程序项目,项目名称命名为Tasklist,然后点击保存按钮。

 
1 新建项目对话框

无论你什么时候创建ASP.NET MVC Web应用程序项目,Visual Studio都会提示你附带创建一个独立的单元测试项目,如图2所示,因为时间限制,我们在本文中就不创建测试项目了,因此选项No选项,点击确定(Ok)按钮。

 
2 创建单元测试项目对话框

ASP.NET MVC应用程序也有标准的文件夹:模块(Models)、视图(Views)和控制器(Controllers)文件夹。在方案浏览器(Solution Explorer)窗口,你应该可以看到这些文件夹,我们也需要向models、Views和Controllers文件夹中条件文件来完成我们的Tasklist应用程序。

当你用Visual Studio创建一个新的ASP.NET MVC应用程序时,你会得到一个示例应用程序,因为我们希望从零开始,因此需要删除这些示例应用程序内容,要将下面的文件和文件夹删除:

Controllers\HomeController.cs

Views\Home

创建控制器

在构建ASP.NET MVC应用程序时,通常是从创建控制器开始的,浏览器对ASP.NET MVC应用程序的请求由控制器处理,控制器包括应用程序逻辑,负责响应对应的请求。

在控制器文件夹上点右键,选择“添加” > “新项目”,再选项“MVC控制器类”模板,将控制器命名为HomeController.vb,点击添加按钮,这样就在Visual Studio中添加了一个控制器。

对于我们的Tasklist应用程序,我们需要修改HomeController类,让它包括清单1中的代码,修改后的控制器包括四个函数:Index(), Create(), CreateNew(), and Complete(),每个函数对应一个控制器行为。

清单1 HomeController.vb

Public Class HomeController 
     Inherits System.Web.Mvc.Controller 
     ' Display a list of tasks 
     Function Index() As ActionResult 
          Return View() 
     End Function      
' Display a form for creating a new task      Function 
Create() As ActionResult 
          Return View() 
     End Function      
' Add a new task to the database      Function CreateNew() As 
ActionResult      
' Add the new task to database 
          Return 
RedirectToAction("Index")      End Function 
     ' Mark a task as complete 
     Function Complete() As ActionResult 
          Return 
RedirectToAction("Index")      End Function End Class 

下面是每个控制器行为的目的:

Index():当你想显示任务清单时调用。

Create():当你想显示创建一个新任务的窗体时显示调用。

CreateNew():当创建一个新任务的窗体被提交时调用,

共4页 首页 上一页 1 2 3 4 下一页 尾页 跳转到
相关内容
赞助商链接