综合实验第6课：电子相册.pptVIP

综合实验第六课：电子相册; 回顾： DataGrid控件相关知识 目标： 1、添加相片(相片上传)--重点 2、显示相片(DataList)，详细显示—重点;该电子相册的功能: 1.添加相片(重要的是相片上传) 2.相片的展示，包括: 相片显示，详细显示(要有图片和文字两种链接) 根据功能的要求，确定相关页面: 1.添加相片的页面 2.显示相片的页面 3.详细显示 ;电子相册实现流程;数据库设计;存储过程设计;存储过程设计;添加相片前台;File Field控件;File Field控件;添加相片后台代码;“工具”菜单—”文件夹选项”---”使用简单文件共享”的勾去掉 存放相片的文件夹”属性”—”安全”—选中”Everyone”----”完全控制”;第二阶段;显示相片;前台设计—DataList控件;HeaderTemplate/HeaderTemplate ItemTemplate/ItemTemplate FooterTemplate/FooterTemplate AlternatingItemTemplate/AlternatingItemTemplate SeparatorTemplate/SeparatorTemplate SelectedItemTemplate/SelectedItemTemplate EditItemTemplate/EditItemTemplate 这里我们重点掌握ItemTemplate/ItemTemplate模板，这个为必选项，用来定义模板中的项的内容和布局。; 右击DataList控件，选择”编辑模板”—”项模板”，在项模板界面的ItemTemplate/ItemTemplate中自定义格式来显示数据。包括可以在里面插入表格、使用控件等，然后结束模板编辑。 当然也可以直接在HTML代码中手中添加模板，设置格式。;这里是在ItemTemplate/ItemTemplate中插入3行1列表。第1行使用HyperLink控件显示相片标题，第二行使用Image控件显示相片，第三行使用Label控件显示相片发布时间。 在HTML代码中绑定数据， HyperLink控件绑定格式如下： text=%#DataBinder.Eval(Container.DataItem,title)%’ Image控件绑定格式如下： ImageUrl=%#Images/+DataBinder.Eval(Container.DataItem,picName)%‘ Label控件绑定格式如下： text=%# DataBinder.Eval(Container.DataItem,uploadtime)%;在HTML代码中建立链接 HyperLink控件链接代码： NavigateUrl=%# ShowOnePho.aspx?PID=+DataBinder.Eval(Container.DataItem,picID)% Image控件链接代码： A href=%# ShowOnePho.aspx?PID=+DataBinder.Eval(Container.DataItem,picID)% /A ;后台代码设计;界面设计（显示相片标题，相片，详细描述） 确定显示哪个相片的详细信息，需要从首页的相片标题（相片）链接过来 ，并传相片ID这个参数（这里是在HTML代码中通过手动绑定传参）。然后在代码接收参数，完成代码显示某相片的详细信息。;插入4行1列表;添加代码;完成电子相册模块，要求： 1。添加相片 2。显示所有相片（不含详细内容） 3。能点击标题和相片查看详细留言内容 功能扩展： 1。分类显示