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

来源：用户分享时间：2021-04-05 本文由

随心录红尘分享下载这篇文档手机版

说明：文章内容仅供预览，部分内容可能不全，需要完整文档或者需要复制内容，请下载word后使用。下载word有问题请添加微信号:xxxxxx或QQ：xxxxxx 处理（尽可能给您提供完整文档），感谢您的支持与谅解。

老师的ppt保存在这

综合实验第六课: 综合实验第六课:电子相册

老师的ppt保存在这

回顾: 回顾:DataGrid控件相关知识 DataGrid控件相关知识

目标: 目标:1,添加相片(相片上传)--重点添加相片(相片上传)--重点2,显示相片(DataList),详细显示—重点显示相片(DataList),详细显示—

老师的ppt保存在这

功能分析该电子相册的功能: 该电子相册的功能 1.添加相片重要的是相片上传添加相片(重要的是相片上传添加相片重要的是相片上传) 2.相片的展示,包括相片的展示, 相片的展示包括: 相片显示,详细显示(要有图片和文字两相片显示,详细显示要有图片和文字两种链接) 种链接根据功能的要求,确定相关页面: 根据功能的要求,确定相关页面 1.添加相片的页面添加相片的页面 2.显示相片的页面显示相片的页面 3.详细显示详细显示 2004 Hitachi Consulting, Inc. All rights reserved

老师的ppt保存在这

数据库设计1. 根据功能的需求,确定数据库根据功能的需求, Photos)和相关表和相关表( (Photos)和相关表(Photos) . 2. 确定表的字段. 确定表的字段. 相片表相片ID,相片标题,图片名称,详细描述, 相片表[相片 ,相片标题,图片名称,详细描述, 相片添加时间] 添加时间

老师的ppt保存在这

存储过程设计1. 添加相片 2. 相片展示标题和所有相片相片展示(标题和所有相片标题和所有相片) 3. 详细展示标题,相片,详细描详细展示(标题相片, 标题, 述)

老师的ppt保存在这

存储过程设计

老师的ppt保存在这

添加相片前台界面设计添加的内容有:相片标题, 界面设计(添加的内容有:相片标题, 添加的内容有相片,相片描述),然后添加代码. 相片,相片描述 ,然后添加代码. 相片的添加需要上传图片,这里使用相片的添加需要上传图片, HTML控件的控件的File Field控件,并把它作为控件, 控件的控件服务器控件运行. 服务器控件运行. 图片上传是通过控件,让用户自己到本机图片上传是通过控件, 上浏览,查找到要添加的图片, 上浏览,查找到要添加的图片,然后添加图片到服务器的过程. 图片到服务器的过程. 一般方法是上传图片文件的路径到数据库, 一般方法是上传图片文件的路径到数据库, 图片保存到项目的文件夹下面, 图片保存到项目的文件夹下面,以将这些图片可以展示出来. 图片可以展示出来. 2004 Hitachi Consulting, Inc. All rights reserved

老师的ppt保存在这

File Field控件控件 File Field控件,文件上传控

件,用来上传文件和控件, 控件文件上传控件, 图片,点击浏览按钮, 图片,点击浏览按钮,可以在本机上选择文件和图片. 图片. 该控件使用时要先作为服务器控件运行. 该控件使用时要先作为服务器控件运行先作为服务器控件运行. 首先要得到用户上传的文件,调用该控件下的首先要得到用户上传的文件, PostedFile属性.然后赋值给属性. 属性然后赋值给HttpPostedFile类的变类的变量. Eg: HttpPostedFile hpf=File1. PostedFile; HttpPostedFile类提供了对作为文件集合从客户端类提供了对作为文件集合从客户端上载的所有文件的访问, 上载的所有文件的访问,提供属性和方法获取关于个别文件的信息以及读取和保存文件. 于个别文件的信息以及读取和保存文件. Inc. All rights reserved 2004 Hitachi Consulting,

老师的ppt保存在这

File Field控件控件1.上传文件的名称: .上传文件的名称: Path.GetFileName(hpf.FileName) 2.通过hpf的SaveAs方法将要上传的文件 .通过的方法将要上传的文件保存到服务器, 保存到服务器,其中通过 Server.MapPath("文件夹名称")方法可文件夹名称" 文件夹名称方法可以得到文件夹在服务器上的路径, 以得到文件夹在服务器上的路径,再将文件夹路径和文件名称结合成要存储的该上传图片的绝对路径. 传图片的绝对路径. 2004 Hitachi Consulting, Inc. All rights reserved

老师的ppt保存在这

添加相片后台代码SqlConnection con=new SqlConnection("server=.;uid=sa;pwd=;database=Photos"); con.Open(); SqlCommand cmd=new SqlCommand("AddPho",con); mandType=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);All rights reserved 2004 Hitachi Consulting, Inc. Response.Redirect("ShowPho.aspx"); }

老师的ppt保存在这

相片上传不到服务器问题 "工具"菜单—"文件夹选项工具"菜单文件夹选项"---"使工具文件夹选项使用简单文件共享" 用简单文件共享"的勾去掉存放相片的文件夹属性"—"安存放相片的文件夹"属性属性" 安选中"Everyone"----"完全控制" 完全控制" 全"—选中选中完全控制

老师的ppt保存在这

第二阶段

老师的ppt保存在这

显示相片在首页使用DataList控件显示所有的在首页使用DataList控件显示所有的相片. 相片. 添加图片和标题链接,进一步显示添加图片和标题链接, 详细内容. 详细内容.

老师的ppt保存在这

前台设计—DataList控件前台设计—DataList控件电子相册案例主要是掌握DataList控件进行电子相册案例主

要是掌握DataList控件进行数据绑定和显示.首先对该控件简单了解数据绑定和显示. 一下: 一下: DataList控件,允许使用模板和样式定义格 DataList控件控件, 式显示数据, DataGrid控件有许多相似控件有许多相似, 式显示数据,与DataGrid控件有许多相似, 都非常适合显示数据和处理多条数据记录, 都非常适合显示数据和处理多条数据记录, 但还有很大差别,DataList控件一定要通过但还有很大差别,DataList控件一定要通过模板定义其显示格式.可以使版面配置更模板定义其显示格式. 加灵活,外观多样式. 加灵活,外观多样式.比如最大好处是可以分列显示. 以分列显示. DataList控件包含以下模板: DataList控件包含以下模板控件包含以下模板: 2004 Hitachi Consulting, Inc. All rights reserved

老师的ppt保存在这

DataList控件 DataList控件<HeaderTemplate></HeaderTemplate> <ItemTemplate></ItemTemplate> <FooterTemplate></FooterTemplate> <AlternatingItemTemplate></AlternatingItem Template> <SeparatorTemplate></SeparatorTemplate><SelectedItemTemplate></SelectedItemTemplate> <EditItemTemplate></EditItemTemplate> 这里我们重点掌握

<ItemTemplate></ItemTemplate>模板,这模板, 模板个为必选项, 个为必选项,用来定义模板中的项的内容和布局. 布局.

老师的ppt保存在这

设置DataList项模板设置DataList项模板右击DataList控件选择"编辑模板" 控件, 右击DataList控件,选择"编辑模板"—" 项模板" 项模板",在项模板界面的 <ItemTemplate></ItemTemplate>中自定中义格式来显示数据.包括可以在里面插入义格式来显示数据. 表格,使用控件等,然后结束模板编辑. 表格,使用控件等,然后结束模板编辑. 当然也可以直接在HTML代码中手中添加当然也可以直接在代码中手中添加模板,设置格式. 模板,设置格式. 2004 Hitachi Consulting, Inc. All rights reserved

老师的ppt保存在这

设置DataList项模板设置DataList项模板这里是在这里是在<ItemTemplate></ItemTemplate>中插入中插入3 中插入列表. 行使用HyperLink控件显示相片标题, 控件显示相片标题, 行1列表.第1行使用列表行使用控件显示相片标题第二行使用Image控件显示相片,第三行使用控件显示相片, 第二行使用控件显示相片第三行使用Label 控件显示相片发布时间. 控件显示相片发布时间. 在HTML代码中绑定数据, 代码中绑定数据, 代码中绑定数据 HyperLink控件绑定格式如下: 控件绑定格式如下: 控件绑定格式如下text='<%#DataBinder.Eval(Container.DataItem,"title")%>'

Image控件绑定格式如下: 控件绑定格式如下: 控件绑定格式如下ImageUrl='<%#"Images/"+DataBinder.Eval(Container.DataIt em,"picName")%>'

aBinder.Eval(Container.DataItem,"uploadTime")%>'

老师的ppt保存在这

设置DataList项模板设置DataList项模板在HTML代码中建立链接代码中建立链接HyperLink控件链接代码: 控件链接代码: 控件链接代码NavigateUrl='<%# "ShowOnePho.aspx?PID="+DataBinder.Eval(Container.D ataItem,"picID")%>'>

老师的ppt保存在这

后台代码设计SqlConnection con=new SqlConnection("server=.;uid=sa;pwd=;database=Photos"); con.Open(); SqlCommand cmd=new SqlCommand("ShowPho",con); mandType=CommandType.StoredProcedure; SqlDataReader dr=cmd.ExecuteReader(); DataList1.DataSource=dr; DataList1.DataBind(); dr.Close(); con.Close();

老师的ppt保存在这

相片详细信息界面设计(显示相片标题,相片, 界面设计(显示相片标题,相片, 详细描述) 详细描述) 确定显示哪个相片的详细信息,需确定显示哪个相片的详细信息, 要从首页的相片标题(相片) 要从首页的相片标题(相片)链接并传相片ID这个参数这个参数( 过来 ,并传相片这个参数(这里是在HTML代码中通过手动绑定传是在代码中通过手动绑定传 ).然后在代码接收参数然后在代码接收参数, 参).然后在代码接收参数,完成代码显示某相片的详细信息. 代码显示某相片的详细信息. 2004 Hitachi Consulting, Inc. All rights reserved

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，第一范文网，提供最新高中教育综合实验第六课：电子相册全文阅读和word下载服务。

综合实验第六课：电子相册.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.diyifanwen.net/wenku/1182820.html（转载请注明文章来源）

上一篇：结构式摘要的写作要求
下一篇：高一语文个人教学计划