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

综合实验第六课：电子相册 回顾： DataGrid控件相关知识 目标： 1、添加相片(相片上传)--重点 2、显示相片(DataList)，详细显示—重点 该电子相册的功能: 1.添加相片(重要的是相片上传) 2.相片的展示，包括: 相片显示，详细显示(要有图片和文字两种链接) 根据功能的要求，确定相关页面: 1.添加相片的页面 2.显示相片的页面 3.详细显示 电子相册实现流程 设计数据库，表，存储过程 设计前台界面 编写后台代码 编译执行 排错，优化 数据库设计 1. 根据功能的需求，确定数据库（Photos)和相关表（Photos) 。 2. 确定表的字段。 相片表[相片ID，相片标题，图片名称，详细描述，添加时间] 存储过程设计 1. 添加相片 2. 相片展示(标题和所有相片) 3. 详细展示(标题，相片，详细描述) 存储过程设计 添加相片前台 界面设计(添加的内容有：相片标题、相片、相片描述)，然后添加代码。 相片的添加需要上传图片，这里使用HTML控件的File Field控件，并把它作为服务器控件运行。 图片上传是通过控件，让用户自己到本机上浏览，查找到要添加的图片，然后添加图片到服务器的过程。 一般方法是上传图片文件的路径到数据库，图片保存到项目的文件夹下面，以将这些图片可以展示出来。 File Field控件 File Field控件，文件上传控件，用来上传文件和图片，点击浏览按钮，可以在本机上选择文件和图片。 该控件使用时要先作为服务器控件运行。 首先要得到用户上传的文件，调用该控件下的PostedFile属性。然后赋值给HttpPostedFile类的变量。 Eg: HttpPostedFile hpf=File1. PostedFile; HttpPostedFile类提供了对作为文件集合从客户端上载的所有文件的访问，提供属性和方法获取关于个别文件的信息以及读取和保存文件。 File Field控件 1。上传文件的名称： Path.GetFileName(hpf.FileName) 2。通过hpf的SaveAs方法将要上传的文件保存到服务器，其中通过Server.MapPath(“文件夹名称”)方法可以得到文件夹在服务器上的路径，再将文件夹路径和文件名称结合成要存储的该上传图片的绝对路径。 添加相片后台代码 SqlConnection con=new SqlConnection(server=.;uid=sa;pwd=;database=Photos); con.Open(); SqlCommand cmd=new SqlCommand(AddPho,con); cmd.CommandType=CommandType.StoredProcedure; cmd.Parameters.Add(@title,TextBox1.Text); HttpPostedFile hpf=UpLoad.PostedFile; string picName=System.IO.Path.GetFileName(hpf.FileName); cmd.Parameters.Add(@picName,picName); cmd.Parameters.Add(@des,TextBox2.Text); int i=cmd.ExecuteNonQuery(); con.Close(); if(i==1) { hpf.SaveAs(Server.MapPath(Images)+/+picName); Response.Redirect(ShowPho.aspx); } “工具”菜单—”文件夹选项”---”使用简单文件共享”的勾去掉 存放相片的文件夹”属性”—”安全”—选中”Everyone”----”完全控制” 显示相片 在首页使用DataList控件显示所有的相片。 添加图片和标题链接，进一步显示详细内容。 前台设计—DataList控件 电子相册案例主要是掌握DataList控件进行数据绑定和显示。首先对该控件简单了解一下: DataList控件，允许使用模板和样式定义格式显示数据，与DataGrid控件有许多相似，都非常适合显示数据和处理多条数据记录，但还有很大差别，DataList控件一定要通过模板定义其显示格式。可以使版面配置更加灵活，外观多样式。比如最大好处是可以分列显示。 DataList控件包含以下模板: HeaderTemplate/HeaderTemplate ItemTemplate/ItemTemplate FooterTemplate/FooterTemplate AlternatingItemTemplate/AlternatingItemTemplate SeparatorT