使用SharePoint Designer 2007为Page创建DataView

应用场景：

某E-commerce系统需要一个显示零件信息的详细页面。在这个详细页面上，需要显示此零件的一些零件图。

页面预览：

技术实现：

左侧的Part基本信息是采用Custom Web Part来实现的，右侧的图像是使用Office SharePoint Designer 2007来实现的。具体的实现方法是：

1. 创建一个用于显示Part Detial的PartDetial.aspx在Web Part Page (Docuemnt) library中。
   
2. 创建一个Part Picture Library用于存放上传的Part Pictures.
   
3. 为Part Picture Library创建一个新Column - PartID (Single Textbox)用于存放Part ID。此即为零件的唯一标识。
   
4. 使用SharePoint Designer 打开sharepoint 站点，编辑PartDetail.aspx页面
   
5. 在适当的位置(Web Part Zone)添加一个DataView
   
6. 选择DataSource为Part Picture library
   
7. 在Design页面中单击DataView旁边的小三角号，可显示操作菜单。
   
8. 选择默认的Layout, 编辑Columns，加入合适的字段。对于Picture Library, 添加"URL Path"后会自动在页面上输出图像。
   
9. 进入Filter管理器，新增加一个Filter为Part ID。并设置其根据QueryString来取得值。
   
10. 保存页面（Check In）即可