ASP.NET MVC 5-开始MVC5之旅

￡神魔★判官ぃ 2022-09-18 13:56 161阅读 0赞

标签： [ASP.NET][] [MVC 5][] [使用指南][Link 1] [入门][Link 2]

原创作品，允许转载，转载时请务必以超链接形式标明文章 [原始出处][Link 3] 、作者信息和本声明。否则将追究法律责任。 [http://powertoolsteam.blog.51cto.com/2369428/1323687][Link 3]

本教程将使用[Visual Studio 2013][]手把手教你构建一个入门的ASP.NET MVC5 Web应用程序。本教程配套的C\#源码工程可通过如下网址下载：[C\#版本源码链接][C]。同时，请查阅 [Building the Chapter Downloads][] 来完成编译源码和配置数据库。

在本教程中的源码工程，您可在Visual Studio中运行MVC 5应用程序。您也可以使Web应用程序部署到一个托管服务提供商上。微软提供免费的网络托管多达10个网站，[free Windows Azure trial account][]。本教程由Scott Guthrie (twitter @scottgu ), Scott Hanselman (twitter: @shanselman ), and Rick Anderson ( @RickAndMSFT )共同写作完成，由葡萄城控件团队翻译（新浪微博 @[葡萄城控件][Link 4]）。

# 入门 #

运行 [Visual Studio Express 2013 for Web][] 或 [Visual Studio 2013][]开始这个实例。

Visual Studio是一个IDE集成开发环境。就像您使用Microsoft Word来编写文档，你可以使用集成开发环境（IDE）来创建一个应用程序。在Visual Studio中的一个顶部工具栏中显示了各种不同的选项来供您使用。在IDE中还有一个菜单，提供了另一种方式来执行任务。（例如，您可以不从**“开始”**页面中，选择**“新建项目”**，您可以使用该菜单，然后选择“ **文件“**>“ **新建项目“**）

[![clip\_image002][clip_image002]][clip_image002_clip_image002]

# 创建您的第一个MVC 5应用程序 #

点击**新建工程**，在左侧选择**Visual C\#**， 接着选择**Web**，然后选择**ASP.NET Web Application**. 命名您的工程为"MvcMovie"，然后单击**确定。**

[![clip\_image004][clip_image004]][clip_image004_clip_image004]

在 **New ASP.NET Project** 对话框, 选择 **MVC模板**，然后单击**确定**。

[![clip\_image006][clip_image006]][clip_image006_clip_image006]

Visual Studio 刚刚创建的 ASP.NET MVC 项目使用了默认的模板，所以在当前的工程中您不需要做任何事情！这是一个简单的"Hello World ！"工程，并且这也是您开始“MvcMovie”工程的好地方。.

[![clip\_image008][clip_image008]][clip_image008_clip_image008]

按下键盘快捷键 F5开始启动调试。 F5使得Visual Studio启动IIS Express并运行Web应用程序。然后Visual Studio会启动浏览器并打开应用程序的主页面。请注意，在浏览器的地址栏中会显示localhost:port\#而不是像example.com 这样的地址。这是因为 localhost总是会被解析为您自己的本地计算机，在这种情况下，这正是您你刚刚建立的应用程序。当Visual Studio运行一个Web工程时，会使用一个随机端口的Web服务。在下面的图片中，端口号是1234。当您运行该应用程序时，您可能会看到一个不同的端口号。

[![clip\_image010][clip_image010]][clip_image010_clip_image010]

在默认模板页面的右边，为您提供了“主页(Home)”, “关于(About)”和“联系(Contact)”页面。下面的截图没有看到“主页(Home)”, “关于(About)”和“联系(Contact)”连接。这取决于你浏览器窗体的大小，你可通过点击右上角导航图标看到这些链接。

[![clip\_image012][clip_image012]][clip_image012_clip_image012]

[![clip\_image014][clip_image014]][clip_image014_clip_image014]

同时，默认模板创建的ASP.Net MVC应用程序还提供了注册和登录功能。 接下来的一步是修改此默认应用程序，并了解一些关于ASP.NET MVC的知识。关闭浏览器，让我们修改一些源代码吧。

[ASP.NET]: http://blog.51cto.com/tag-ASP.NET.html
[MVC 5]: http://blog.51cto.com/tag-MVC%205.html
[Link 1]: http://blog.51cto.com/tag-%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97.html
[Link 2]: http://blog.51cto.com/tag-%E5%85%A5%E9%97%A8.html
[Link 3]: http://powertoolsteam.blog.51cto.com/2369428/1323687
[Visual Studio 2013]: http://www.microsoft.com/visualstudio/eng/2013-downloads
[C]: http://archive.msdn.microsoft.com/Project/Download/FileDownload.aspx?ProjectName=aspnetmvcsamples&DownloadId=16400
[Building the Chapter Downloads]: http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/building-the-ef5-mvc4-chapter-downloads
[free Windows Azure trial account]: http://www.windowsazure.com/en-us/pricing/free-trial/?WT.mc_id=A443DD604
[Link 4]: http://weibo.com/powertools
[Visual Studio Express 2013 for Web]: http://www.microsoft.com/visualstudio/eng/2013-downloads#d-2013-express
[clip_image002]: http://img1.51cto.com/attachment/201311/12/2369428_1384227400wXL4.gif
[clip_image002_clip_image002]: /images/20220828/1aee3a96ab7f4580bde1f9910170f2d3.png
[clip_image004]: http://img1.51cto.com/attachment/201311/12/2369428_1384227402EfYh.gif
[clip_image004_clip_image004]: /images/20220828/b2808d826ed54dafa619c42d82eda3e1.png
[clip_image006]: http://img1.51cto.com/attachment/201311/12/2369428_1384227403pJh5.gif
[clip_image006_clip_image006]: /images/20220828/44243be5383749658ed307cbb9c34db6.png
[clip_image008]: http://img1.51cto.com/attachment/201311/12/2369428_1384227404akvO.gif
[clip_image008_clip_image008]: /images/20220828/b3ec9133c0a64aaeacd8f50f1d3efe8e.png
[clip_image010]: http://img1.51cto.com/attachment/201311/12/2369428_1384227405rEk2.gif
[clip_image010_clip_image010]: /images/20220828/58f90af47e874c4e8a2cf756be8acfd8.png
[clip_image012]: http://img1.51cto.com/attachment/201311/12/2369428_1384227408dRBy.gif
[clip_image012_clip_image012]: /images/20220828/23af029b4b294c63a201605716bfce55.png
[clip_image014]: http://img1.51cto.com/attachment/201311/12/2369428_1384227410daxL.gif
[clip_image014_clip_image014]: /images/20220828/34584778448e4c3fa0f18b5cf05b13c8.png