第一个MVC4 Web应用程序

此文翻译自:http://www.codeproject.com/Articles/470107/ASP-NET-MVC-4-Introduction的后半部分。

此示例代码将帮助你更好的入门MVC4.

首先要创建mvc4项目,这块就不再介绍了。

好,我们先增加了电话簿Model类 。

添加MVC模式

我已经改变了PhoneBookModel代码如下,

第一个MVC4 Web应用程序

在这个类中,我已经提到了验证属性的元素。ValidationAttributes是来自System.ComponentModel.DataAnnotations

第一个MVC4 Web应用程序

上面的图片显示了可用的验证属性。MSDN 验证属性

现在,让我们来添加所需的创建,编辑,删除,详细信息,列表等视图,右击文件夹,单击“添加 - >”视图“菜单上。

第一个MVC4 Web应用程序

现在,我要添加列表视图,我的视图 名称为“Index”,并选择“创建一个强类型的视图模型",使该代码将生成相应的标准。

选择类型的模型 - 视图MVC

现在,我们可以指定模板了,使您的代码将按照模板生成的,我选择了像下面的模板“LIST”

第一个MVC4 Web应用程序

当你点击“确定”按钮.Index.shtml就会自动生成。

第一个MVC4 Web应用程序

用同样的方法,我加入了这个示例项目中的所有文件

“详细信息”页面看起来像

第一个MVC4 Web应用程序

再看下创建模板

第一个MVC4 Web应用程序

现在,我们需要开始添加控制器。

第一个MVC4 Web应用程序

单击“添加” - >“控制器”菜单上,一旦你点击 该菜单,然后会显示一个弹出如下面 ,

第一个MVC4 Web应用程序

在此对话框中有多个控制器模板

  • 空的MVC控制器
  • MVC控制器的读/写操作和视图,使用实体框架
  • MVC控制器带空的读/写操作
  • 空API控制器
  • API控制器的读/写操作和视图,使用实体框架
  • API控制器带空的读/写操作

我其中选用“MVC控制器带空的读/写操作”控制器模板 现在给控制器的名称PhoneBookController。需要注意的是MVC要求所有控制器的名称结束,“控制器”。

点击“添加”按钮添加该控制器到我们的应用程序,控制器文件被创建,加入到我们的项目中,点击这里可以看到生成的文件

现在,我要修改新加入的控制器文件,第一件事我添加了一个属性,将有一个默认值的ePhoneBook

第一个MVC4 Web应用程序

从那以后,我已经修改了创建方法,下同,

创建行动MVC

您看到此方法的返回类型ActionResult .可参考MSDN

  • ContentResult
  • EmptyResult
  • FileResult
    • FileContentResult
    • FilePathResult
    • FileStreamResult
  • HttpUnauthorizedResult
    • HttpUnauthorizedResult
    • HttpNotFoundResult
  • JavaScriptResult
  • 的JsonResult
  • RedirectResult
  • RedirectToRouteResult
  • ViewResultBase
  • PartialViewResult
  • 的ViewResult

 

 回来到我们的应用程序,我已经用同样的方式更新了编辑.

第一个MVC4 Web应用程序

上面的代码将返回的数据为所选条目的手机号码,只要你点击更新按钮,在编辑页面下面的方法将被调用

第一个MVC4 Web应用程序

对于“删除”的方法,我们没有任何特殊的用户界面,这是为什么一个记录被删除,我们返回“索引”视图。

删除行动MVC。

“详细信息”写入方法如下

第一个MVC4 Web应用程序

“索引”页将显示数据从下面的代码

第一个MVC4 Web应用程序

布局菜单MVC

_Layout.cshtml   电话簿中,我添加了一个菜单。一旦全部完成,让我们的“运行”我们修改后的应用程序,

第一个MVC4 Web应用程序

当你点击“创建新页面将显示以下

第一个MVC4 Web应用程序

编辑页面如下:

第一个MVC4 Web应用程序

总结

在这篇文章中,从初学者的角度。我希望您喜欢这篇文章,相信会对你产生一定的价值。

web技术分享

你可能感兴趣的:(Web应用)