相册编辑的基本功能.PPT

第12章 相册编辑的基本功能 实例11 相同编辑的内容 网站功能分析方法 1.前台后台分析 前面用户有什么功能，相应后台就要有相应功能的提供 2.角色功能分析 一般浏览者：查看相册，查看相册中相片，查看某一张相片 网站拥有者：管理相册，管理相同中相片，查看某一张相片 实现功能 管理员（个人网站拥有者）登录系统后，可以对相册（不包括相册中相片）进行管理。 查看相册 增加相册 删除相册 修改相册 1.用SqlDataSource连接数据库 由于这里要实现查看相册，增加相册，删除相册，修改相册功能，所以相应的SQL语句应该有Select ,Insert,delete,update. 以前，如果这些信息都来自同一个表，则可以由系统自动产生。 但这里有需要一个相册中的相片个数，这里从Photos表中统计出来的，所以不是意表的操作。 所以要用自定义的SQL语句。 其它语句较为简单，看课本即可 复习：数据访问控件 GridView: 表格形式，一行一条记录 DataList:表格形式，一行可以多条记录 DetailsView:一次一条表格形式的记录 FormView:一次一条记录 Repeater:只读列表 。 ? 控件 检视 新增 修改 删除 GridView 可显示多笔 No Yes Yes DataList 可显示多笔 No Yes（＊） Yes（＊） DetailsView 一次仅一笔 Yes Yes Yes FormView 一次仅一笔 Yes Yes Yes Repeater 可显示多笔 No No No 用FormView增加记录；用GridView显示记录 2.用FormView实现新建相册 在网页上放置一个FormView控件 数据源（DataSource）:SqlDataSource1 DefaultMode:Insert 编辑InsertItemTemplate模版，删除无用的相片个数的信息。（智能菜单-编辑模板，选择InsertItemTemplate ） 3.用GridView实现相册的显示、更改和删除 如何实现每行两列：删除原来的字段列，增加两个TemplateField 3.用GridView实现相册的显示、更改和删除 asp:GridView ID=GridView1 runat=server AutoGenerateColumns=False DataSourceID=SqlDataSource1 Width=588px DataKeyNames=AlbumID Columns asp:TemplateField /asp:TemplateField asp:TemplateField /asp:TemplateField /Columns 第一列 第二列 3.用GridView实现相册的显示、更改和删除 第一列代码，实现显示相册中第一张相片，并作为一个超链接 asp:TemplateField ItemTemplate a href=Photos.aspx?AlbumID=%# Eval(AlbumID) % img src=../Handler.ashx?AlbumID=%# Eval(AlbumID) %Size=S alt=无相片 /a /ItemTemplate /asp:TemplateField 第二列：显示相应相册的信息，并提供编辑，删除，分页功能 可通过从上面的FormView中复制相应的代码过来放在第二列中相应位置 原因在于两者连接的数据源是一样的。 复制FormView中ItemTemplate到/ItemTemplate, EditItemTemplate到/EditItemTemplate之间源代码过来即可。 最后一步： 为了实现编辑及删除，还要指定GridView的DataKeyNames属性为AlbumID 12.2 实例12 编辑某一相册中的照片 功能：在某一相册中浏览照片，增加照片，编辑照片信息，删除照片 复习 ASP.NET2.0两层WEB程序结构 aspx页面文件 数据库 数据访 问控件 数据源控件 底层数据库 如何选择数据访问控件 GridView: 表格形式，一行一条记录 DataList:表格形式，一行可以多条记录 DetailsView:一次一条表格形式的记录 FormView:一次一条记录 Repeater:只读列表 。 ? 控件 检视 新增 修改 删除 GridView 可显示多笔 No Yes Yes DataList 可显示多笔 No Yes（＊） Yes（＊） De