|
（）使用我们的sitemaster创建一个简单的ASPNET Web Form页面并将其命名为Galleryaspx其代码存放在单独的页面中保存该页面并将其再次保存为GalleryAllaspx对于这个练习您还需要一些图片可以在下载文件中找到查看一下是否已从下载文件夹中（C:\BegASPNET\WroxUnited）将Mathlmages文件夹导入如果没有通过在Solution Explorer中右击站点的根目录并使用Add Existing Item将其导入最后您将在根目录下添加一个名为Images的文件夹其中带有一些GIF和JPEG文件包括AddToCartgif和logo_whitejpg （）首先从工具箱的Data区域中拖放一个DataList控件到页面的内容区域打开它的智能任务面板并单击Choose Data Source单击New Data Source打开创建数据源控件的向导 （）选择Database作为数据源并保留它的名称SalDataSource 单击OK使用WroxUnited数据库 （）仅从Gallery表中勾选个字段PictureURLFxitureIDUploadedByMemberNameNotes和PicturelD然后测试查询此时VWD会自动创建数据源控件并将其设置为DataList控件的数据源 （）在浏览器中运行该页面以进行测试注意此时图片还没有显示出来关闭浏览器 （）现在需要实际显示图片确保已关闭浏览器然后在Design View中选中DataList控件打开它的智能任务面板并单击Edit Templates以显示类似于图}s的画面选中并删除带有文本PictureURL和Label控件的行 （）从工具条中拖放一个Image控件到原来的PictureURL字段左边的空白位置在该Image控件的智能任务面板中单击Edit Data Bindings选择ImageURL属性绑定到PictureURL字段 结果代码如下所示如果在浏览器中测试该页面您将注意到图片仍然没有显示出来Image控件仍然没有获得一个实际指向图片的URL: <asp:ImageButton ID=PictureImage ImageUrl=<@# Eval（PictureURL）> runat=server /> （）为了指定URL不仅要指定图片文件的名称还要指定它的路径（文件夹）切换到Source View并在ImageURL属性中添加如下参数 <asp:ImageButton ID=PictureImage runat=server ImageUrl=<@# Eval（PictureURL）>~/MatchImage/（）） %> > </asp:ImageButton> （）在浏览器中查看页面欢呼有了！然后关闭浏览器 [] [] [] [] |
