项目
07/13/2023
由 Web Camp 团队下载 Web Camp 培训工具包本动手实验室假定你具备 ASP.NET MVC 的基础知识。 如果之前未使用 过 MVC ASP.NET ，我们建议你 ASP.NET MVC 4 基础知识 动手实验室。本实验室将指导你完成前面所述的增强功能和新功能，这些增强功能通过对源文件夹中提供的示例 Web 应用程序应用小更改。在 ASP.NET MVC 基础知识 动手实验室中，你已将硬编码数据从控制器传递到视图模板。 但是，为了生成真正的 Web 应用程序，可能需要使用真正的数据库。本动手实验室将介绍如何使用数据库引擎来存储和检索音乐应用商店应用程序所需的数据。 为此，需要从现有数据库开始，并从该数据库创建实体数据模型。 在本实验室中，你将了解 Database First 方法和 Code First 方法。但是，也可以使用 Model First 方法，使用工具创建相同的模型，然后从该模型生成数据库。Database First 与 Model First生成模型后，将在 StoreController 中做出适当的调整，以便为存储视图提供从数据库获取的数据，而不是使用硬编码数据。 无需对视图模板进行任何更改，因为 StoreController 会将相同的 ViewModel 返回到视图模板，不过这次数据将来自数据库。代码优先方法Code First 方法允许我们从代码中定义模型，而无需生成通常与框架耦合的类。首先，在代码中，模型对象是使用 POCO“普通旧 CLR 对象”定义的。 POCO 是没有继承且不实现接口的简单普通类。 我们可以从它们自动生成数据库，也可以使用现有数据库并通过代码生成类映射。使用此方法的好处是模型独立于持久性框架 (在本例中实体框架) ，因为 POCO 类不与映射框架耦合。注意此实验室基于 ASP.NET MVC 4 和音乐商店示例应用程序的一个版本，已自定义并最小化以仅适合本Hands-On实验室中显示的功能。如果想要浏览整个 音乐商店 教程应用程序，可以在 MVC-Music-Store 中找到它。先决条件必须具有以下项才能完成此实验室：Microsoft Visual Studio Express 2012 for Web 或高级 (请参阅附录 A，了解如何) 安装它。
设置安装代码片段为方便起见，你将在本实验室中管理的大部分代码都以 Visual Studio 代码片段的形式提供。 若要安装代码片段，请运行 .\Source\Setup\CodeSnippets.vsi 文件。如果不熟悉Visual Studio Code代码段，并想要了解如何使用它们，可以参考本文档“附录 C：使用代码片段”中的附录。练习本动手实验室由以下练习组成：练习 1：添加数据库
练习 2：使用 Code First 创建数据库
练习 3：使用参数查询数据库
注意每个练习都附带一个 End 文件夹，其中包含在完成练习后应获得的结果解决方案。 如果需要其他帮助完成练习，可以使用此解决方案作为指导。完成本实验室的估计时间： 35 分钟。练习 1：添加数据库在本练习中，你将了解如何将包含 MusicStore 应用程序表的数据库添加到解决方案中，以便使用其数据。 使用模型生成数据库并将其添加到解决方案后，你将修改 StoreController 类，以便为 View 模板提供从数据库获取的数据，而不是使用硬编码值。任务 1 - 添加数据库在此任务中，将向解决方案添加已创建的数据库，其中包含 MusicStore 应用程序的main表。打开 Source/Ex1-AddingADatabaseDBFirst/Begin/ 文件夹中的 Begin 解决方案。
在继续之前，需要下载一些缺少的 NuGet 包。 为此，请单击“ 项目 ”菜单，然后选择“ 管理 NuGet 包”。
在 “管理 NuGet 包 ”对话框中，单击“ 还原 ”以下载缺少的包。
最后，单击“生成
解决方案”生成解决方案。
注意使用 NuGet 的优点之一是，无需交付项目中的所有库，从而减小了项目大小。 使用 NuGet Power Tools，通过在 Packages.config 文件中指定包版本，你将能够在首次运行项目时下载所有必需的库。 这就是在从本实验室打开现有解决方案后必须运行这些步骤的原因。
添加 MvcMusicStore 数据库文件。 在本动手实验室中，你将使用已创建的名为 MvcMusicStore.mdf 的数据库。 为此，请右键单击 “App_Data 文件夹”，指向 “添加 ”，然后单击“ 现有项”。 浏览到 \Source\Assets 并选择 MvcMusicStore.mdf 文件。
添加现有项
MvcMusicStore.mdf 数据库文件
数据库已添加到项目中。 即使数据库位于解决方案中，也可以查询和更新它，因为它托管在不同的数据库服务器中。
解决方案资源管理器 中的 MvcMusicStore 数据库
验证与数据库的连接。 为此，请双击“ MvcMusicStore.mdf ”建立连接。
连接到 MvcMusicStore.mdf
任务 2 - 创建数据模型在此任务中，你将创建一个数据模型，以便与上一个任务中添加的数据库进行交互。创建表示数据库的数据模型。 为此，请在解决方案资源管理器右键单击“模型”文件夹，指向“添加”，然后单击“新建项”。 在“ 添加新项 ”对话框中，选择“ 数据 模板”，然后选择 “ADO.NET 实体数据模型 ”项。 将数据模型名称更改为 StoreDB.edmx ，然后单击“ 添加”。
添加 StoreDB ADO.NET 实体数据模型
将显示 实体数据模型向导 。 此向导将指导你完成模型层的创建过程。 由于应基于最近添加的现有数据库创建模型，因此请选择“ 从数据库生成 ”，然后单击“ 下一步”。
选择模型内容
由于要从数据库生成模型，需要指定要使用的连接。 单击“新建连接”。
选择“Microsoft SQL Server数据库文件”，然后单击“继续”。
“选择数据源”对话框
单击“浏览”，选择位于 App_Data 文件夹中的数据库 MvcMusicStore.mdf，然后单击“确定”。
连接属性
生成的类应与实体连接字符串同名，因此请将其名称更改为 MusicStoreEntities ，然后单击“ 下一步”。
选择数据连接
选择要使用的数据库对象。 由于实体模型将仅使用数据库的表，因此请选择“ 表 ”选项，并确保还选中“ 在模型中包括外键列 ”和 “复数”或“单数化”生成的对象名称 选项。 将“模型命名空间”更改为 MvcMusicStore.Model ，然后单击“ 完成”。
选择数据库对象
注意如果显示“安全警告”对话框，请单击“ 确定 ”以运行模板并生成模型实体的类。
将显示数据库的实体关系图，同时将创建将每个表映射到数据库的单独类。 例如， Albums 表将由 Album 类表示，其中表中的每一列将映射到类属性。 这样，就可以查询和使用表示数据库中行的对象。
实体关系图
注意T4 模板 (.tt) 运行代码来生成实体类，并将用同名覆盖现有类。 在此示例中，类“Album”、“Genre”和“Artist”被生成的代码覆盖。
任务 3 - 生成应用程序在此任务中，你将检查，尽管模型生成已删除专辑、流派和艺术家模型类，但项目通过使用新的数据模型类成功生成。通过选择“ 生成 ”菜单项，然后选择“ 生成 MvcMusicStore”来生成项目。
生成项目
项目生成成功。 为什么它仍然有效？ 它之所以有效，是因为数据库表的字段包含你在已删除的类 Album 和 Genre 中使用的属性。
生成成功
虽然设计器以图表格式显示实体，但它们实际上是 C# 类。 展开 解决方案资源管理器 中的 StoreDB.edmx 节点，然后 StoreDB.tt，你将看到新生成的实体。
生成的文件
任务 4 - 查询数据库在此任务中，你将更新 StoreController 类，以便它查询数据库以检索信息，而不是使用硬编码的数据。打开 Controllers\StoreController.cs 并将以下字段添加到类，以保存名为 storeDB 的 MusicStoreEntities 类的实例：
(代码片段 - 模型和数据访问 - Ex1 storeDB)
public class StoreController : Controller
{
private MusicStoreEntities storeDB = new MusicStoreEntities();
MusicStoreEntities 类公开数据库中每个表的集合属性。 更新 浏览 操作方法以检索包含所有 专辑的流派。
(代码片段 - 模型和数据访问 - Ex1 Store 浏览)
public ActionResult Browse(string genre)
{
// Retrieve Genre and its Associated Albums from database
var genreModel = new Genre
{
Name = genre,
Albums = this.storeDB.Albums.ToList()
};
return this.View(genreModel);
}
注意你正在使用名为 LINQ 的 .NET 功能 (语言集成的查询) 针对这些集合编写强类型查询表达式- 这将针对数据库执行代码并返回可对其编程的对象。有关 LINQ 的详细信息，请访问 msdn 站点。
更新 索引 操作方法以检索所有流派。
(代码片段 - 模型和数据访问 - Ex1 Store 索引)
public ActionResult Index()
{
var genres = this.storeDB.Genres;
return this.View(genres);
}
更新 Index 操作方法以检索所有流派并将集合转换为列表。
(代码片段 - 模型和数据访问 - Ex1 Store GenreMenu)
// GET: /Store/GenreMenu
[ChildActionOnly]
public ActionResult GenreMenu()
{
var genres = this.storeDB.Genres.Take(9).ToList();
return this.PartialView(genres);
}
任务 5 - 运行应用程序在此任务中，你将检查“应用商店索引”页现在将显示存储在数据库中的流派，而不是硬编码的流派。 无需更改视图模板，因为 StoreController 返回的实体与以前相同，不过这次数据将来自数据库。重新生成解决方案，然后按 F5 运行应用程序。
项目在主页中启动。 验证“ 流派 ”菜单是否不再是硬编码列表，并且数据是否直接从数据库中检索。
从数据库浏览流派
现在浏览到任何流派，并验证是否已从数据库填充相册。
从数据库浏览相册
练习 2：首先使用代码创建数据库在本练习中，你将了解如何使用 Code First 方法创建包含 MusicStore 应用程序的表的数据库，以及如何访问其数据。生成模型后，将修改 StoreController，为视图模板提供从数据库获取的数据，而不是使用硬编码值。注意如果已完成练习 1 并已使用 Database First 方法，现在将了解如何使用不同的过程获取相同的结果。 已标记与练习 1 共有的任务，以便更轻松地阅读。 如果你尚未完成练习 1，但想要学习 Code First 方法，可以从此练习开始，并全面了解主题。任务 1 - 填充示例数据在此任务中，在最初使用 Code-First 创建数据库时，将使用示例数据填充该数据库。打开 Source/Ex2-CreatingADatabaseCodeFirst/Begin/ 文件夹中的 Begin 解决方案。 否则，可以继续使用通过完成上一练习获取的 End 解决方案。
如果打开了提供的 Begin 解决方案，则需要下载一些缺少的 NuGet 包，然后才能继续。 为此，请单击“ 项目 ”菜单，然后选择“ 管理 NuGet 包”。
在 “管理 NuGet 包 ”对话框中，单击“ 还原 ”以下载缺少的包。
最后，单击“生成
解决方案”生成解决方案。
注意使用 NuGet 的优点之一是，无需交付项目中的所有库，从而减小了项目大小。 使用 NuGet Power Tools，通过在 Packages.config 文件中指定包版本，你将能够在首次运行项目时下载所有必需的库。 这就是在从本实验室打开现有解决方案后必须运行这些步骤的原因。
将 SampleData.cs 文件添加到 Models 文件夹。 为此，请右键单击“ 模型 ”文件夹，指向 “添加 ”，然后单击“ 现有项”。 浏览到 \Source\Assets ，然后选择 SampleData.cs 文件。
示例数据填充代码
打开 Global.asax.cs 文件并添加以下 using 语句。
(代码片段 - 模型和数据访问 - Ex2 Global Asax usings)
using MvcMusicStore.Models;
using System.Data.Entity;
在 Application_Start ()
方法中添加以下行以设置数据库初始值设定项。
(代码片段 - 模型和数据访问 - Ex2 Global Asax SetInitializer)
protected void Application_Start()
{
AreaRegistration.RegisterAllAreas();
WebApiConfig.Register(GlobalConfiguration.Configuration);
FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
RouteConfig.RegisterRoutes(RouteTable.Routes);
BundleConfig.RegisterBundles(BundleTable.Bundles);
Database.SetInitializer(new SampleData());
}
任务 2 - 配置与数据库的连接现在，你已将数据库添加到我们的项目，你将在 Web.config 文件中写入连接字符串。在 Web.config添加连接字符串。为此，请在项目根目录中打开Web.config，并将名为 DefaultConnection 的连接字符串替换为 connectionStrings> 节中的<以下行：
Web.config文件位置
<configuration>
...
<connectionStrings>
<add name="MusicStoreEntities" connectionString="data source=(LocalDb)\v11.0;initial catalog=MvcMusicStore;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\MvcMusicStore.mdf" providerName="System.Data.SqlClient" />
</connectionStrings>
...
任务 3 - 使用模型现在，你已配置与数据库的连接，你将将模型与数据库表链接。 在此任务中，你将创建一个类，该类将使用 Code First 链接到数据库。 请记住，存在一个应修改的 POCO 模型类。注意如果已完成练习 1，你将注意到此步骤是由向导执行的。 通过执行 Code First，你将手动创建将链接到数据实体的类。打开 POCO 模型类 Genre from Models 项目文件夹并包含 ID。 使用名称 为 GenreId 的 int 属性。
(代码片段 - 模型和数据访问 - Ex2 Code First 流派)
namespace MvcMusicStore.Models
{
using System.Collections.Generic;
public class Genre
{
public int GenreId { get; set; }
public string Name { get; set; }
public string Description { get; set; }
public List<Album> Albums { get; set; }
}
}
注意若要使用 Code First 约定，类 Genre 必须具有将自动检测的主键属性。可在此 msdn 文章中详细了解代码优先约定。
现在，从 Models 项目文件夹打开 POCO 模型类 Album 并包含外键，创建名为 GenreId 和 ArtistId 的属性。 此类已具有主键的 GenreId 。
(代码片段 - 模型和数据访问 - Ex2 Code First 专辑)
namespace MvcMusicStore.Models
{
public class Album
{
public int AlbumId { get; set; }
public int GenreId { get; set; }
public int ArtistId { get; set; }
public string Title { get; set; }
public decimal Price { get; set; }
public string AlbumArtUrl { get; set; }
public virtual Genre Genre { get; set; }
public virtual Artist Artist { get; set; }
}
}
打开 POCO 模型类 Artist 并包含 ArtistId 属性。
(代码片段 - 模型和数据访问 - Ex2 Code First Artist)
namespace MvcMusicStore.Models
{
public class Artist
{
public int ArtistId { get; set; }
public string Name { get; set; }
}
}
右键单击“ 模型 ”项目文件夹，然后选择“ 添加 ”
类。 将文件命名 为 MusicStoreEntities.cs。 然后，单击“ 添加”。
添加新项
添加类
打开刚刚创建的类 MusicStoreEntities.cs，并包括 命名空间 System.Data.Entity 和 System.Data.Entity.Infrastructure。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.Entity;
using System.Data.Entity.Infrastructure;
...
替换 类声明以扩展 DbContext 类：声明公共 DBSet 并重写 OnModelCreating 方法。 完成此步骤后，你将获得一个域类，该类会将模型与 Entity Framework 链接。 为此，请将类代码替换为以下内容：
(代码片段 - 模型和数据访问 - Ex2 Code First MusicStoreEntities)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.Entity;
using System.Data.Entity.Infrastructure;
namespace MvcMusicStore.Models
{
public class MusicStoreEntities : DbContext
{
public DbSet<Genre> Genres { get; set; }
public DbSet<Album> Albums { get; set; }
public DbSet<Artist> Artists { get; set; }
protected override void OnModelCreating(DbModelBuilder modelBuilder)
{
modelBuilder.Entity<Genre>().ToTable("Genres");
modelBuilder.Entity<Album>().ToTable("Albums");
modelBuilder.Entity<Artist>().ToTable("Artists");
base.OnModelCreating(modelBuilder);
}
}
}
注意使用 Entity Framework DbContext 和 DBSet ，你将能够查询 POCO 类 Genre。 通过扩展 OnModelCreating 方法，可以在 代码 中指定如何将 Genre 映射到数据库表。 有关 DBContext 和 DBSet 的详细信息，请参阅此 msdn 文章： 链接任务 4 - 查询数据库在此任务中，你将更新 StoreController 类，以便它不会使用硬编码的数据，而是从数据库中检索它。注意此任务与练习 1 有共同之处。如果已完成练习 1，你将注意到这些步骤在两种方法中相同， (Database first 或 Code first) 。 它们在数据与模型的链接方式上有所不同，但对数据实体的访问仍从控制器透明。打开 Controllers\StoreController.cs 并将以下字段添加到类，以保存名为 storeDB 的 MusicStoreEntities 类的实例：
(代码片段 - 模型和数据访问 - Ex1 storeDB)
public class StoreController : Controller
{
private MusicStoreEntities storeDB = new MusicStoreEntities();
...
}
MusicStoreEntities 类公开数据库中每个表的集合属性。 更新 浏览 操作方法以检索包含所有 专辑的流派。
(代码片段 - 模型和数据访问 - Ex2 Store 浏览)
public ActionResult Browse(string genre)
{
// Retrieve Genre and its Associated Albums from database
var genreModel = new Genre
{
Name = genre,
Albums = this.storeDB.Albums.ToList()
};
return this.View(genreModel);
}
注意你正在使用名为 LINQ 的 .NET 功能 (语言集成的查询) 针对这些集合编写强类型查询表达式- 这将针对数据库执行代码并返回可对其编程的对象。有关 LINQ 的详细信息，请访问 msdn 站点。
更新 索引 操作方法以检索所有流派。
(代码片段 - 模型和数据访问 - Ex2 Store 索引)
public ActionResult Index()
{
var genres = this.storeDB.Genres;
return this.View(genres);
}
更新 Index 操作方法以检索所有流派并将集合转换为列表。
(代码片段 - 模型和数据访问 - Ex2 Store GenreMenu)
// GET: /Store/GenreMenu
[ChildActionOnly]
public ActionResult GenreMenu()
{
var genres = this.storeDB.Genres.Take(9).ToList();
return this.PartialView(genres);
}
任务 5 - 运行应用程序在此任务中，你将检查“应用商店索引”页现在将显示存储在数据库中的流派，而不是硬编码的流派。 无需更改视图模板，因为 StoreController 将返回与以前相同的 StoreIndexViewModel ，但这次数据将来自数据库。重新生成解决方案，然后按 F5 运行应用程序。
项目在主页中启动。 验证“ 流派 ”菜单是否不再是硬编码列表，并且数据是否直接从数据库中检索。
从数据库浏览流派
现在浏览到任何流派，并验证是否已从数据库填充相册。
从数据库浏览相册
练习 3：使用参数查询数据库在本练习中，你将了解如何使用参数查询数据库，以及如何使用查询结果整形，该功能可减少数据库访问以更高效的方式检索数据的数量。注意有关查询结果整形的详细信息，请访问以下 msdn 文章。任务 1 - 修改 StoreController 以从数据库检索相册在此任务中，你将更改 StoreController 类以访问数据库以检索特定流派中的相册。如果要使用 Code-First 方法或 Source\Ex3-QueryingDatabaseWithParametersDBFirst\Begin 文件夹，请打开位于 Source\Ex3-QueryingTheDatabaseWithParametersDBFirst\Begin 文件夹的 Begin 解决方案Database-First方法。 否则，可以继续使用通过完成上一练习获取的 End 解决方案。
如果打开了提供的 Begin 解决方案，则需要下载一些缺少的 NuGet 包，然后才能继续。 为此，请单击“ 项目 ”菜单，然后选择“ 管理 NuGet 包”。
在 “管理 NuGet 包 ”对话框中，单击“ 还原 ”以下载缺少的包。
最后，单击“生成
解决方案”生成解决方案。
注意使用 NuGet 的优点之一是，无需交付项目中的所有库，从而减小了项目大小。 使用 NuGet Power Tools，通过在 Packages.config 文件中指定包版本，你将能够在首次运行项目时下载所有必需的库。 这就是在从本实验室打开现有解决方案后必须运行这些步骤的原因。
打开 StoreController 类以更改 Browse 操作方法。 为此，请在解决方案资源管理器展开 Controllers 文件夹，然后双击 StoreController.cs。
更改 “浏览 ”操作方法以检索特定流派的专辑。 为此，请替换以下代码：
(代码片段 - 模型和数据访问 - Ex3 StoreController BrowseMethod)
public ActionResult Browse(string genre)
{
// Retrieve Genre and its Associated Albums from database
var genreModel = this.storeDB.Genres.Include("Albums")
.Single(g => g.Name == genre);
return this.View(genreModel);
}
注意若要填充实体的集合，需要使用 Include 方法指定要检索相册。 可以使用 。LINQ 中的单一 ()
扩展，因为在本例中，一张专辑只应有一种流派。 Single ()
方法采用 Lambda 表达式作为参数，在本例中指定单个 Genre 对象，使其名称与定义的值匹配。你将利用一项功能，该功能允许在检索 Genre 对象时指示要加载的其他相关实体。 此功能称为 查询结果整形，可用于减少访问数据库以检索信息所需的次数。 在此方案中，需要预提取检索到的流派的专辑。查询包括 Genres.Include (“Albums”)
，以指示你还需要相关的相册。 这将导致更高效的应用程序，因为它将在单个数据库请求中检索 Genre 和 Album 数据。任务 2 - 运行应用程序在此任务中，你将运行应用程序并从数据库中检索特定流派的相册。按 F5 运行应用程序。
项目在主页中启动。 将 URL 更改为 /Store/Browse？genre=Pop ，以验证是否正在从数据库中检索结果。
浏览 /Store/Browse？genre=Pop
任务 3 - 按 ID 访问相册在此任务中，你将重复上述过程，按 ID 获取相册。如果需要，请关闭浏览器以返回到 Visual Studio。 打开 StoreController 类以更改 Details 操作方法。 为此，请在解决方案资源管理器展开 Controllers 文件夹，然后双击 StoreController.cs。
更改 “详细信息” 操作方法以基于其 ID 检索相册详细信息。为此，请替换以下代码：
(代码片段 - 模型和数据访问 - Ex3 StoreController DetailsMethod)
// GET: /Store/
public ActionResult Details(int id)
{
var album = this.storeDB.Albums.Find(id);
if (album == null)
{
return this.HttpNotFound();
}
return this.View(album);
}
任务 4 - 运行应用程序在此任务中，你将在 Web 浏览器中运行应用程序，并按 ID 获取相册详细信息。按 F5 运行应用程序。
项目在主页中启动。 将 URL 更改为 /Store/Details/51 或浏览流派并选择一个相册，以验证是否正在从数据库中检索结果。
浏览 /应用商店/详细信息/51
总结通过完成本动手实验室，你已学习了使用 Database First 方法和 Code First 方法 ASP.NET MVC 模型和数据访问的基础知识：如何将数据库添加到解决方案以使用其数据
如何更新控制器，为视图模板提供从数据库获取的数据，而不是硬编码的数据
如何使用参数查询数据库
如何使用查询结果整形，该功能可减少数据库访问次数，以更高效的方式检索数据
如何在 Microsoft 实体框架中使用 Database First 和 Code First 方法将数据库与模型链接
附录 A：安装 Visual Studio Express 2012 for Web可以使用 Microsoft Web 平台安装程序安装 Microsoft Visual Studio Express 2012 for Web 或其他“Express”版本。 以下说明指导你完成使用 Microsoft Web 平台安装程序 安装 Visual Studio Express 2012 for Web 所需的步骤。转到 [https://go.microsoft.com/?linkid=9810169] (https://go.microsoft.com/?linkid=9810169) 。 或者，如果已安装 Web 平台安装程序，则可以打开它并搜索产品“Visual Studio Express 2012 for Web with Windows Azure SDK”。
单击“ 立即安装”。 如果没有 Web 平台安装程序 ，将重定向到先下载并安装它。
Web 平台安装程序 打开后，单击“ 安装 ”以启动安装程序。
安装Visual Studio Express
阅读所有产品的许可证和条款，然后单击“ 我接受 ”继续。
接受许可条款
等待下载和安装过程完成。
安装进度
安装完成后，单击“ 完成”。
安装已完成
单击“ 退出 ”关闭 Web 平台安装程序。
若要打开 web Visual Studio Express，请转到“开始”屏幕并开始编写“VS Express”，然后单击“VS Express for Web”磁贴。
VS Express for Web 磁贴
附录 B：使用 Web 部署发布 ASP.NET MVC 4 应用程序本附录将介绍如何从 Windows Azure 管理门户创建新网站，并利用 Windows Azure 提供的 Web 部署发布功能，发布通过实验室获取的应用程序。任务 1 - 从 Windows Azure 门户创建新网站转到 Windows Azure 管理门户 ，并使用与订阅关联的 Microsoft 凭据登录。
注意使用 Windows Azure，可以免费托管 10 个 ASP.NET 网站，然后随着流量的增长而扩展。 可以 在此处注册。
登录到 Microsoft Azure 管理门户
单击命令栏上的“ 新建 ”。
创建新网站
单击“ 计算
网站”。 然后选择“ 快速创建 ”选项。 提供新网站的可用 URL，然后单击“ 创建网站”。
注意Windows Azure 网站是在云中运行的 Web 应用程序的主机，可对其进行控制和管理。 使用“快速创建”选项，可以从门户外部将已完成的 Web 应用程序部署到 Windows Azure 网站。 它不包括设置数据库的步骤。
使用“快速创建”创建新网站
等待新 网站 创建完成。
创建网站后，单击 URL 列下的链接。 检查新网站是否正常工作。
浏览到新网站
网站正在运行
返回门户，然后单击“名称”列下的网站名称以显示管理页。
打开网站管理页
在 “仪表板 ”页的 “速览 ”部分下，单击“ 下载发布配置文件” 链接。
注意发布配置文件包含针对每种已启用的发布方法将 Web 应用程序发布到 Windows Azure 网站所需的所有信息。 发布配置文件包含有连接到并且验证该发布方法启用的每个端点所需的 URL、用户凭据和数据库字符串。 Microsoft WebMatrix 2、Microsoft Visual Studio Express for Web 和 Microsoft Visual Studio 2012 支持读取发布配置文件，以自动配置这些程序，以便将 Web 应用程序发布到 Windows Azure 网站。
下载网站发布配置文件
将发布配置文件下载到已知位置。 在本练习中，你将进一步了解如何使用此文件从 Visual Studio 将 Web 应用程序发布到 Windows Azure 网站。
保存发布配置文件
任务 2 - 配置数据库服务器如果应用程序使用SQL Server数据库，则需要创建SQL 数据库服务器。 如果要部署不使用 SQL Server的简单应用程序可以跳过此任务。需要一个SQL 数据库服务器来存储应用程序数据库。 可以在 Windows Azure 管理门户中的 Sql 数据库服务器
服务器的仪表板中查看SQL 数据库服务器。 如果没有创建服务器，可以使用命令栏上的 “添加” 按钮创建一个服务器。 记下 服务器名称和 URL、管理员登录名和密码，因为将在后续任务中使用它们。 暂时不要创建数据库，因为稍后会创建该数据库。
SQL 数据库服务器仪表板
在下一个任务中，你将测试来自 Visual Studio 的数据库连接，因此需要在服务器的“允许的 IP 地址”列表中包括本地 IP 地址。 为此，请单击“ 配置”，从“ 当前客户端 IP 地址”中选择 IP 地址 ，并将其粘贴到“ 开始 IP 地址 ”和“ 结束 IP 地址 ”文本框中，然后单击
。
添加客户端 IP 地址
将 客户端 IP 地址 添加到允许的 IP 地址列表后，单击“ 保存 ”以确认更改。
确认更改
任务 3 - 使用 Web 部署发布 ASP.NET MVC 4 应用程序返回 ASP.NET MVC 4 解决方案。 在解决方案资源管理器，右键单击网站项目，然后选择“发布”。
发布网站
导入在第一个任务中保存的发布配置文件。
导入发布配置文件
单击“ 验证连接”。 验证完成后，单击“ 下一步”。
注意在“验证连接”按钮旁边显示绿色复选标记后，验证已完成。
验证连接
在 “设置” 页的“ 数据库 ”部分下，单击数据库连接的文本框旁边的按钮， (即 DefaultConnection) 。
Web 部署配置
按如下所示配置数据库连接：
在“服务器名称”中，使用 tcp： 前缀键入SQL 数据库服务器 URL。
在 “用户名” 中，键入服务器管理员登录名。
在 “密码” 中，键入服务器管理员登录密码。
键入新的数据库名称。
配置目标连接字符串
然后单击“确定”。 当系统提示创建数据库时，单击“ 是”。
创建数据库
用于连接到 Windows Azure 中SQL 数据库的连接字符串显示在“默认连接”文本框中。 然后单击“下一步”。
SQL 数据库 的连接字符串
指向SQL 数据库的连接字符串
在 “预览 ”页中，单击“ 发布”。
发布 Web 应用程序
发布过程完成后，默认浏览器将打开已发布的网站。
附录 C：使用代码片段使用代码片段时，你只需触手可及的所有代码。 实验室文档将确切地告诉你何时可以使用它们，如下图所示。使用 Visual Studio 代码片段将代码插入到项目中若要使用键盘 (C# 添加代码片段，请仅) 将光标置于要插入代码的位置。
开始键入代码片段名称 (，) 不带空格或连字符。
观看 IntelliSense 显示匹配的代码片段名称。
选择正确的代码段 (或继续键入，直到) 选择整个代码段的名称。
按 Tab 键两次，将代码片段插入光标位置。
开始键入代码片段名称按 Tab 选择突出显示的代码段再次按 Tab，代码片段将展开若要使用鼠标 (C#、Visual Basic 和 XML 添加代码片段，)
1. 右键单击要插入代码片段的位置。选择“ 插入代码段 ”，然后选择 “我的代码片段”。
通过单击从列表中选择相关代码片段。
右键单击要插入代码片段的位置，然后选择“插入代码段”从列表中选择相关代码片段，方法是单击它
