Visual Studio 2010中的Web开发.doc

Microsoft Visual Studio 2010 为 ASP.NET Web 应用程序的开发提供很多新的功能。这些新功能旨在帮助开发人员快速方便地创建和部署质量高且功能全的 Web 应用程序。目前，Visual Studio 2010 支持 HTML 代码片段。利用这些代码片段，可以生成高质量的代码。Visual Studio 中附带了很多代码片段，开发人员也可以创建自己的代码片段。Visual Studio 2010 提供的另一个新功能是转换 web.config 文件，以用于部署。Visual Studio 2010 支持一种富配置转换语言，使开发人员可以更改 web.config 文件中的元素，包括连接字符串、文件路径位置和服务地址。现在，基于 Visual Studio 2010 中的新功能包和部署功能，ASP.NET Web 应用程序的部署更为简洁。可以轻松地将 Web 应用程序发布到构建机器中的特定位置（甚至是 ZIP 文件中），并将其部署到 Visual Studio Web Server 或 Windows Internet Information Server (IIS)。目标在本次动手实验中，您将学习如何： 使用 HTML 代码片段开发 ASP.NET Web 应用程序页面 创建和部署您自己的自定义 HTML 代码片段 在跨环境部署 Web 应用程序时，创建和自动转换 web.config。 为您的 ASP.NET Web 应用程序创建部署程序包，将应用程序部署到 Visual Studio Development Web 服务器或 Windows Internet Information Server (IIS) 中。练习本次动手实验由以下练习组成： 使用 Visual Studio 2010 中的 HTML 代码片段 转换 web.config 文件以便部署 打包 Web 应用程序并将其部署到 Visual Studio Development Web Server 打包 Web 应用程序并将其部署到 Windows Internet Information Server (IIS)完成本实验的估计时间：60 分钟。系统要求您必须拥有以下工具才能完成本实验： Microsoft Visual Studio 2010 Beta 2 IIS 7.0安装使用 Configuration Wizard 验证本实验的所有先决条件。要确保正确配置所有内容，请按照以下步骤进行。注意：要执行安装步骤，您需要使用管理员权限在命令行窗口中运行脚本。1.如果之前没有执行，运行 Training Kit 的 Configuration Wizard。为此，运行位于 %TrainingKitInstallationFolder%LabsIntroToWFSetup 文件夹下的 CheckDependencies.cmd 脚本。安装先决条件中没有安装的软件（如有必要请重新扫描），并完成向导。初始材料这次动手实验包括以下初始材料。 Visual Studio 解决方案：本练习为您提供了一个 Visual Studio 解决方案，您可以使用此解决方案作为实验练习的起点。您可以在以下位置找到该解决方案：%TrainingKitInstallFolder%Labs WebDevelopmentSourceEx01-HTMLCodeSnippetsbeginC#HTMLLabHTMLLab.sln：本解决方案包含一个简单的 Web 应用程序，该应用程序可用作练习 1 和后续练习的起点。注意：每个练习都有一个 End 文件夹，其中包含完成练习后生成的解决方案。注意：在所有包含 标签的路径引用中，用户将使用适当的名称值进行替换。注意：要验证每个步骤是否正确执行，建议在每次任务结束时生成解决方案。下一步练习 1：使用 Visual Studio 2010 中的 HTML 代码片段练习 1：使用 Visual Studio 2010 中的 HTML 代码片段在本练习中，您将了解如何使用 Visual Studio 2010 中的 HTML 代码片段，还将了解如何创建您自己的自定义 HTML 代码片段。任务 1 使用 HTML 代码片段将新 ListView 添加到 HTML 页面中在本任务中，您将打开一个现有的 ASP.NET Web 应用程序，并使用代码片段将 ListView 控件添加到一个现有 Web 页面中。1.导航到 Start | All Programs | Microsoft Visual Studio 2010 | Microsoft Visual Studio 2010。选择 File | Open | Project/Solution菜单命令。在 Open Project 对话框中，导航到 %TrainingKitInstallFolder%LabsWebDevelopmentSourceEx01-HTMLCodeSnippetsbeginC#HTMLLab 并选择 HTMLLab.sln 文件。2.双击 Solution Explorer 中的 Default.aspx 文件将其打开。查看页面中显示的代码。注意，该页面中包含一个 GridView 控件，其中含有产品 ID。图 1Default.aspx 中现有的 Grid View 控件3.在 Default.aspx 页面中，添加 ListView 控件。将光标放在结束 GridView 标记 () 之后，然后按回车键。按下“”键调用完成列表。图 2完成列表注意：每个完成项旁边的小图标表示完成项的类型：表示完成项也是一个代码片段关键字表示一个代码片段关键字表示一个完成条目4.从完成列表中选择 ListView，按下 TAB 键两次插入代码片段。图 3插入的代码段5.要继续进行，您需要添加布局，并设置一个临时占位符。输入以下代码，定义 LayoutTemplate：XML图 4完成的代码片段注意：在本任务中，键入“ Create Package。在 Output 窗口中查看构建和发布过程是否成功。图 41成功构建和发布11.使用 Windows 资源管理器，导航到在上面提到的 Package Location 文本框中的相对路径。例如，如果您仍使用练习 1 中的 HTMLLab 项目，则导航到 %TrainingKitInstallFolder%LabsWebDevelopmentSourceEx01-HTMLCodeSnippetsbeginC#HTMLLabobj 文件夹。12.注意，已为选中的配置 (Staging) 创建了文件夹。双击该文件夹。在该文件夹中，创建一个新的文件夹 Package。双击 Package 文件夹将其打开。图 42打包的 web 应用程序注意，此文件夹中包含的内容与前面练习中包含的内容相同。任务 2 部署包在该任务中，您将包部署到上一个任务中创建的 web 应用程序中。1.导航到 Start | All Programs | Accessories 并单击 run。在 run 框类型中：“inetmgr”然后单击 OK ，出现 Internet Information Services Manager。2.在左边的 Connections 树视图中，展开本地机器节点。在该节点中，展开站点节点。图 43本地网站列表3.展开 Default Web Site 节点。验证其中是否列出了 HTMLLab Web 应用程序（在前面的任务中，单击 Create Virtual Directory 按钮后，将创建此应用程序。）图 44创建的 HTMLLab 虚拟目录4.接下来您将在 Trial 模式下部署应用程序。注意：Trial 或 What If 模式不实际执行部署，但如果安装软件包，则会为您显示所执行的操作。这在将包转手给部署团队或服务器管理员时非常有用。这样，团队或管理员可在 Trial 模式中运行软件包，查看其对服务器造成的影响。导航到 Start | All Programs | Microsoft Visual Studio 2010 | Visual Studio Tools。右键单击 Visual Studio 2010 Command Prompt 并选择 Run as Administrator，打开命令提示符。5.在命令提示符中键入以下命令，将当前目录更改为 C:Program FilesIISMicrosoft Web Deploy：cd C:Program FilesIISMicrosoft Web Deploy6.使用 /t 标志（表示 Trial）执行 HTMLLab.deploy.cmd 批处理文件。例如，如果您还在使用练习 1 中的 HTMLLab 项目，则键入：%TrainingKitInstallFolder%LabsWebDevelopmentSourceEx01-HTMLCodeSnippetsbeginC#HTMLLabobjStagingPackageHTMLLab.deploy.cmd /t图 45在 Trial 模式下执行部署命令行批处理文件7.查看 Trial 部署的输出。图 46Trial 模式部署的结果在本例中，可以看到 MSDeploy 对服务器做了 9 处改动。8.重新运行 HTMLLab.deploy.cmd 批处理文件，执行部署。在此实例中，删除 /t（表示 trail）标签并将其替换为 /y（表示 Yes）标签。.例如，如果您还在使用练习 1 中的 HTMLLab 项目，则键入：%TrainingKitInstallFolder%LabsWebDevelopmentSourceEx01-HTMLCodeSnippetsbeginC#HTMLLabobjStagingPackageHTMLLab.deploy.cmd /y图 47在 Yes 模式下执行部署命令行批处理文件9.查看部署的输出。图 48在 Yes 模式下执行部署命令行批处理文件MSBuild 已在指定物理位置中部署了软件包。下一步练习 4：验证练习 4：验证在此验证中，您将验证 Web 应用程序是否已成功部署。1.在 IIS Manager 中，选择 Default Web Site 并在窗口右侧的 Actions 窗格中单击 Refresh。2.这样，您就会在默认的网站下看到一个 HTMLLab_deploy 目录。3.右键单击 HTMLLab_deploy 应用程序，并从菜单中选择 Switch to Content View。出现 HTMLLab_deploy 应用程序的内容视图：图 49HTMLLab 内容视图4.右键单击 Default.as