《音乐商店》第2集：打地基

*** 操作视频：1 ， 2 ***

一、创建项目

我们的项目从在 Visual Studio 中的文件菜单中选择“新建”，选择“项目”开始。

然后，选择 C# 中的 Web 模板组，在右边的项目模板中选择 ASP.NET MVC 4 Web 应用程序，在项目的名称输入框中，输入 MvcMusicStore ，点击确定。

这时，你会到第二个对话框，允许我们设置这个项目关于 MVC 的一些设置，确认选中了“空”项目模板，视图引擎选中 Razor ，点击确定。

这样我们的项目就创建成功了！

我们看一下在这个项目都创建了哪些内容。

在 ASP.NET MVC 中使用了下面的一些基本的命名约定。

文件夹	功能
/Controllers	控制器接受来自浏览器的请求，进行处理，然后向用户返回回应
/Views	视图文件夹保存用户界面的模板
/Models	这个文件夹定义处理的数据
/Content	我们的图片，CSS以及其他任何的静态内容放在这里
/Scripts	放置脚本文件
/App_Data	数据库文件

这些文件夹在一个空的 ASP.NET MVC 应用中也会存在，因为 ASP.NET MVC 的框架默认使用“约定胜于配置”的原则，已经假定这些文件夹有着特定的用途。例如，控制器将会在 Views 文件夹中寻找相应的视图，而不需要你在代码中显式设置，这样可以节省大量的编程工作，也可以使其他的开发人员更加容易理解你的程序。在创建这个程序的过程中，我们将会详细的说明这些约定。

二、创建Home控制器及homeIndex视图

1.创建Home控制器

public class HomeController : Controller  
{
      //
      // GET: /Home/
      public ActionResult Index()
      {
          return View();
      }
}

2.添加Index视图

@{  
    ViewBag.Title = "Index";  
}  
  
<h2>Index</h2>

视图使用了 Razor 语法，这比 Web Form 视图引擎的语法更加简单。前三行使用 ViewBag.Title 设置了页面的标题，我们马上就可以看到这样做的效果。

三、更新样式表

在创建项目使用的空项目模板中，仅仅包含很简单的用来显示验证信息的样式。我们的设计师提供了一些额外的 CSS 样式和图片来改进网站的观感，现在我们就使用它们。

首先，到网站 mvcmusicstore.codeplex.com 下载 MvcMusicStore-v3.0.zip，这里面有一个文件夹 MvcMusicStore-Assets，将这个文件夹的Content 文件夹的内容复制到项目的 Content 文件夹中。

你会被询问是否需要覆盖存在的文件，选择是。

现在，网站的 Content 文件夹中的内容如下所示：

重新运行程序，现在的页面变成了这样。

我们回顾一下，什么发生了变化：HomeController 的 Index 的 Action 方法寻找并通过 ViewsHomeIndex.cshtml 模板生成输出结果，代码中是通过 return View() 实现的，因为默认的命名约定，Index 这个 Action 方法将会默认使用 Index 视图输出。

而 Index 视图使用了我们的 _Layout.cshtml 模板，所以，欢迎信息被包含在标准的 HTML 布局中。