一步步学习SPD2010--第四章节--创建和修改网页（2）--处理Web部件

本文主要是介绍一步步学习SPD2010--第四章节--创建和修改网页（2）--处理Web部件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

        在第三章节“处理列表和库”，你创建了Web部件页面，在Web部件区域插入了XSLT列表视图，然后自定义了它的属性。通过浏览器你可以给Web部件页面或Wiki页面添加同样的Web部件。

        XLV Web部件用来显示列表和库的内容。每次列表或库的数据改变时，这些改变也在XLV Web部件中反映出来。你可能在许多页面上已经用过或见过XLV Web部件。例如，当你创建一个团队网站时，首页上一个XLV Web部件展示了存储在共享文档库中的文件。当你展示任务列表内容时，所有任务视图页面包含一个XLV Web部件。然而，相比起来你可以使用更多类型的Web部件，而不只是XLV Web部件。

        MS SPFoundation2010安装文件中有13个内置Web部件：相关文档/XML查看器/HTML表单Web部件/内容编辑器/图片查看器/页面查看器/图片库幻灯片/Silverlight/网站用户/用户任务/SQL Server报告服务报告查看器/新动态/相关文档。MS SP Server2010含有超过50个额外的内置Web部件：业务数据列表、内容查询Web部件（CQWP）、当前用户筛选、Excel Web Access、Visio Web Access、指示器详细信息、搜索框、联合结果Web部件、Web Analytics Web部件、SQL Server Analysis Services 筛选器。当然，你的公司可能开发了自己的Web部件或购买了第三方Web部件。关于你能在SPFoundation和SP Server能发现的所有Web部件的详细描述不在本书范围内。

        新用SP的公司通常会犯的错误是，当其中一个内置Web部件能够满足业务需求时，花费大量资金和时间开发自定义Web部件。尤其考虑到SPD允许你创建数据视图Web部件（DVWP），亦即数据表Web部件（DFWP）----与XLV Web部件相似，并可以用来显示和修改来自数据源如MS SQL 数据库的数据----这更为真实。

        同见：在第五章节“处理数据视图”获得更多关于数据视图Web部件的信息。第五章节的信息也与格式化XLV Web部件相关。

        Web部件根据它们的位置也被分为：

        1.      动态Web部件。通过使用SPD或浏览器，你可以把这些Web部件放置在Wiki页面中EmbeddedFormField SP控件内或者在Web部件页面的Web部件区域内。只有当用户要求页面被SQL Server内容数据库查询来决定动态Web部件数量、使用哪个Web部件，以及Web部件应该放入哪个Web部件区域中（如果页面包含Web部件区域的话），动态Web部件与页面分开储存。

        2.      静态Web部件。这些Web部件被放置在EmbeddedFormField SP控件之外或Web部件区域之外。静态Web部件可以使用SPD在高级模式创建，但是使用浏览器不能创建。静态Web部件作为页面的一部分储存着。

        在这次练习中，你添加、修改和删除Web部件。

1.      在上一个练习中，在文本Wide World Importers Human Resources team site下放置插入点，在插入选项卡，点击Web部件

2.      在Web部件菜单，点击Silverlight Web部件。

        WebPartPages：SilverlightWebPart 控件添加到页面。在快速标签选择器中，橙色的WebPartPagesSilverlightWebPart出现。

3.      双击Silverlight Web部件打开Silverlight Web部件对话框。点击配置打开第二个Silverlight Web部件对话框，在URL框中输入~site\siteassets\silverlightSPDSBS.xap。点击确定关闭对话框。（PS：必须事先导入该文件到网站资产siteassets）。

4.      在标题框的外观下，输入SPD Silverlight。在高度下选择是，输入40

5.      点击确定

6.      点击Silverlight Web部件，在Web部件工具，格式选项卡，在允许组中清除在私人视图中编辑复选框。

        问题解决：如果在私人视图编辑复选框没有出现，点击允许，然后再清除复选框。

        注意：允许列表的复选框和Web部件对话框的高级部分是同样的复选框。

7.      在工作区，点击共享文档。在列表视图工具，设计选项卡，在工具条组点击选项，然后点击完全工具栏。

8.      右击共享文档，点击Web部件属性

9.      扩展布局部分，选择关闭Web部件复选框。然后点击确定，关闭共享文档对话框。

10.  点击F12，点击是保存更改，然后点击是重新加载页面。

         小贴士：在一些笔记本电脑上，你可能需要点击Fn键加上F12键来在浏览器中预览页面。

        浏览器窗口打开，显示Silverlight Web部件，带有SPD Silverlight的Web部件标题。共享文档的XLV Web部件没有显示。

        小贴士：关闭的Web部件会增加浏览器加载页面的时间。保持关闭的Web部件的数目最少，只有当你想暂时隐藏Web部件和它的自定义时关闭Web部件。在浏览器中，首先在页面的编辑模式然后在编辑工具，服务器功能区的插入选项卡，点击Web部件，在分类下方，点击关闭的Web部件，你可以发现关闭的Web部件。只有当页面包含关闭的Web部件时，关闭的Web部件类才会出现。或者在页面URL后附加?contents=1，如http://wideworldimporters/SitePages/Home.aspx?contents=1来显示页面的维护页面。

11.  在SPD中，点击Silverlight Web部件，然后点击标签WebPartPages:SilverlightWebPart，确保标签WebPartPages:SilverlightWebPart在快速标签选择器上，处于橙色高光状态，点击Delete。

12.  点击共享文档XLV Web部件，然后在列表视图工具，Web部件选项卡，点击属性显示共享文档对话框，在布局部分，清除关闭Web部件复选框。

13.  在快速访问工具条，点击保存，点击确定重新加载页面，然后在文件选项卡，点击在浏览器中预览。

        浏览器窗口打开，Silverlight Web部件没有显示，共享文档Web部件出现。

这篇关于一步步学习SPD2010--第四章节--创建和修改网页（2）--处理Web部件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---