Visual Studio 2010中的Web开发
| crosoft Visual Studio 2010。选择 File | Open | Project/Solution…菜单命令。在 Open Project 对话框中，导航到 %TrainingKitInstallFolder%\Labs\WebDevelopment\Source\Ex01-HTMLCodeSnippets\begin\C#\HTMLLab 并选择 HTMLLab.sln 文件。
2.双击 Solution Explorer 中的 Default.aspx 文件将其打开。查看页面中显示的代码。注意，该页面中包含一个 GridView 控件，其中含有产品 ID。
图 1 Default.aspx 中现有的 Grid View 控件 3.在 Default.aspx 页面中，添加 ListView 控件。将光标放在结束 GridView 标记 (</asp:GridView>) 之后，然后按回车键。按下“<”键调用完成列表。
图 2 完成列表 注意：每个完成项旁边的小图标表示完成项的类型： 表示完成项也是一个代码片段关键字 表示一个代码片段关键字 表示一个完成条目 4.从完成列表中选择 ListView，按下 TAB 键两次插入代码片段。
图 3 插入的代码段 5.要继续进行，您需要添加布局，并设置一个临时占位符。输入以下代码，定义 LayoutTemplate： XML
图 4 完成的代码片段 注意：在本任务中，键入“<”字符以调出完成列表。另一种显示该列表的方法为使用 CTRL + J 快捷键。但是，还有一种方法是使用 CTRL + K 和 CTRL + X 快捷键来调用代码片段选取器。在某种程度上，这种方法可能占有一定的速度优势，因为您可以对代码片段进行分组，如下所示：
通过选择 ASP.NET 文件夹，并按下 TAB 键，您将会看到一系列特定的 ASP.NET 代码片段： 您可以按 ESC 键中止此操作。此时，请不要在此页面中添加其他控件。
任务 2 –创建自定义的 HTML 代码片段 在此任务中，您将创建一个自定义的 HTML 代码片段，在 Visual Studio 2010 IDE 内部使用。新的代码片段将创建一个标签控件，其中含有预设的默认值。所有已实现的自定义代码片段都将作为 XML 文件存储在已知目录中。 1.在 Visual Studio 2010 中，从菜单中选择 File | New | File…，打开 New File 对话框。在 New File 对话框中，从 Categories 中选择 General，从 Templates 中选择 XML File，并单击 Add。 2.要创建代码片段的结构，您将使用一个现有代码片段。在 XML 文件编辑器中，按下 CTRL + K、CTRL + X 显示代码片段列表。
图 5 代码片段列表 3.从列表中选择 Snippet。一个 XML 代码片段将被插入到文件中。
图 6 一个代码段列表的 XML 定义 4.为显示的 XML 元素提供以下值： 字段 值 标题 “Address Block” Shortcut “AddrBlock” 描述 “XML snippet to create a quick address block.” 代码片段选取器使用 Title 值显示代码片段的名称。完成列表使用 Shortcut 值选择代码片段。 5.在 <SnippetTypes> 节点下，删除第一个包含 SurroundsWith 值的 <SnippetType> XML 元素。请确保保留了包含 Expansion 值的 <SnippetType> XML 元素。 6.删除整个 Declarations XML 节点。 7.从代码片段 XML 元素中，删除包含 CDATA 值的 Code XML 节点。 删除文件顶部的 XML 元素。完成这些操作后，您的代码片段将如下图所示： XML
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
