网站相册系统.ppt

1、2、第13章网站相册系统、学前提示本章通过简单的相册管理系统的开发过程将. NET实现文件操作的基本方法和数据库关联控件的使用方法介绍给读者，以便更好地理解以前学习的基础知识。 本章通过ASP.NET新添加的各种文件操作的控件和类库，开发web相册系统实例，帮助读者学习相关内容。 知识要点ASP.NET文件上传控件使用ASP.NET文件操作类直接使用ADO.NET类实现数据库操作在ADO.NET中使用SqlParameter实现残奥度量查询3， 13.1系统概要，本章中通过实现简单的网站相册系统，向读者介绍microsoftvt，特别是通过利用Microsoft Visual Studio 2

2、008提供的强大的内置控制，开发者在Web 2.0中被强调通过本章的学习，读者可以掌握如何用ASP.NET实现对文件系统的各种操作。 需要4，4，13.2分析，本例必须开发一个简单的相册管理系统，对系统的需求是实现网站相册系统的核心功能。 通过分析图像网站和共享网站这样的功能，确认本系统有必要实现以下功能。 (1)匿名访问者可以阅览网站的所有图像内容。 (2)注册用户可以制作不同的相册。 (3)注册用户可以将照片上传到自己的相册上，实现相册的管理。 (4)如果网站维护者发现了上传非法内容的人就可以删除。5、13.3例图如图13-1所示，根据上述需求分析，修正网站的影集系统的用例图。6、13.4

3、系统整体的设定修正、ASP.NET代码可以如图13-2所示分成3层构造。 其中ASPX页面完成了数据显示、输入处理等演示层功能，ASP.NET提供的各种控件简化了演示层页面的开发工作。 ASPX.CS文件完成了系统业务逻辑功能的实现。 ASO.NET类库已完成对数据库的访问。 7、7、7,13.5开发环境，本系统是在以下环境下开发的。 操作系统： windows XP sp 3。 开发工具： Microsoft Visual Studio 2008。 UML建模工具： Rational Rose。 数据库设置修订工具： PowerDesigner 12。 数据库环境： SQL server 2

4、005 express (随Microsoft visual studio 2008提供)。8、8、8,13.6数据库结构、对数数据库设置修订提出两个明显的需求。 (1)简单。 (2)易于分割。 基于以上的原则和需求分析，在图133中示出本例的数据库设定纠正。 9、9、9,13.7开发环境构建、项目编制的操作步骤如下。 (启动Microsoft Visual Studio 2008，界面如图13-4所示。 (2)选择“文件”“新建站点”菜单命令，打开“新建站点”对话框，如图13-5所示。 (3)如图13-6所示，在Visual Studio 2008工作区右侧的“解决方案资源管理器”窗口中，右

5、键单击App_Data目录，在显示的快捷菜单中选择“添加新项目”命令、10，13.7开发环境构建、(4)显示“添加新项目”对话框，在“模板”列表中选择“SQL Server数据库”，在“名称”文本框中输入数据库文件名，然后在“语言”下拉框中进行选择(6)右键单击“表”对象，然后从显示的快捷菜单中选择“添加新表”命令，如图13-9所示。 现在，如图13至图10所示的新表格界面显示在工作区中，并且可以输入并保存对应的字段。 可以用同样的方法创建此示例所需的表。11、13.8数据访问层的实现、在项目中添加通用数据库访问类的步骤如下所示。 (1)右键单击项目的根目录，在显示的快捷菜单中选择“添加ASP

6、.NET文件夹”“App_Code”命令，如图13-11所示添加代码目录。(2)右键单击上一步添加的App_Code目录，从显示的快捷菜单中选择“添加新项目”命令，如图13-12所示。 12， 13.8实现数据访问层；(3)在“添加新项目”对话框的“模板”列表中选择“类”，在“文件名”文本框中键入sqlHelper.cs，然后单击(sqlHelper.cs夫) 完成数据库访问助手类的开发：参照教材p320、13、13.9的前台程序代码，前台主要包含以下文件。 Default.aspx :相册系统的首页。 userReg.aspx :用户注册页。 userMain.aspx :包含用户信息管理和

7、相册管理功能的用户主页。 addPhotSet.aspx :添加相册。 modifyPhotosInfo.aspx :修改相册信息。 photoAdmin.aspx :相册相片管理与上载。14、13.9.1系统首页的实现，以下介绍系统首页的实现步骤。 (1)打开创建项目时开发工具创建的Default.aspx页，如图13-14所示。 (2)如图13-15所示，在页中插入页布局用的隐藏线形式的表。 (3)在上一步插入的表中，如图13-16所示，在左上方的单元格中插入Login控件。 此控件提供了登录功能所需的控件的总体实现，如图13-17所示。15、13.9.1系统的首页实现，(4)将三个Dat

8、aList控件从工具箱拖到页面上，如图13-18所示。 页面布局如图13图19所示进行了设定。 (5)在工具箱中找到sqldata源数据源控件，如图13-20所示。 在每个DataList控件上插入sqldata源数据源控件。 (6)打开第一个数据源控件的任务面板，点击“设置数据源”选项，如图13-21所示。16、13.9.1实现系统主页；(7)打开“sqldatasource配置”向导时，“sqldatasource配置”向导会自动将app放在“应用程序连接数据库使用的数据连接”下拉框中因为这是第一次构成项目的数据源，所以会显示“是否保存数据链接字符串”的询问信息。 (9)进入“设置sele

9、ct语句”接口。 由于在此示例中需要实现的查询语句相对复杂，并且开发环境中提供的简单查询语句生成工具无法生成查询语句，请选择“指定自定义SQL语句或存储过程”选项，然后单击“下一步”按钮(图13-24) (10 )“自定义语句或存储过程” select top 10 * fromuserphotosetwherephotosetstate=0orderbycreatetate，17，13.9.1实现系统主页，(11 )在测试查询对话框中完成(12 )打开左下方的数据源配置接口，将SQL语句配置为“select top 10 * fromuserphotosorderbyphotoiddesc”

10、，其他过程选择与之前的数据源相同的配置，如图13-27所示(13 )打开右侧的数据源控制配置接口，如图13-28所示，设定数据源从影集表读取数据。 单击ORDER BY按钮，将排序规则设置为按编号排序，如图13至图29所示。 18，13.9.1系统的首页实现，(14 )将三个DataList控件的数据源设置为之前添加的相应数据源控件，如图13-30所示。 (15 )如图13-31所示，单击“编辑”窗口底部的“源”按钮切换到源界面。 (16 )显示最新作成相册的DataList控制的模板代码如下设定：参照教材P327 (17 )显示最新上传照片的DataList控制的模板代码如下设定：教材P32

11、7 (18 ) 引用以选择(19 )登录控件，打开属性面板，在面板中选择目标页属性，然后如图13-32所示，在DataList控件中，将显示相册列表的模板代码设置为(20 )显示“选择URL”对话框，选择用户登录后要访问的页面，然后单击“确定”按钮。(21 )在“属性”面板中，单击“事件”选项卡，打开“事件重载”面板，在Authenticate事件中双击鼠标，重载登录认证事件，如图13-34所示。 (22 )在代码部分的最上面追加2个using语句，导入实现登录功能所需的数据库访问ADO.NET类的名称空间：教材p330，20，13.9.1系统首页实现参照，(23)authenticate方法

12、之后(1)在根目录下添加“userReg.aspx”文件。 (2)如图13-37所示，在工具箱中找到“标准”工具区域。 从标准工具区拖动文本框、复选框和按钮控件以设置控件的位置，并完成注册界面的开发，如图13-38所示。 (3)如图13-39所示，将两个密码输入框的文本模式设置为“Password”。22、13.9.2用户注册页，(4)在前四个文本框后分别插入RequiredFieldValidator控件来验证用户输入，如图13-40所示。 (5)将各验证控件的ControlToValidate属性值设定为对应的文本框控件名。 将错误消息属性值设置为“*”，如图13-41所示。 (6)如图1

13、3-42所示，在确认密码的必要认证控制之后插入比较认证控制。23、13.9.2用户注册页、(7)将比较认证控件的ControlToCompare属性设置为确认密码文本框ID，将ControlToValIDate属性设置为输入密码文本框ID (8)双击“注册”按钮，参照教材p 333、24、13.9.2的用户注册页，(9)打开首页，在登录控件下插入HyperLink控件，如图13那样完成用户注册功能的图13 一旦完成登录页的开发，效果如图13-47所示。 25、13.9.3用户和相册管理页面，介绍本页的开发过程。 (1)在根目录中追加文件“userMain.aspx”，在页面中插入布局表。 如图

14、13-48所示。 (2)在“修改密码”文本下插入“更改密码”控件(请参见13-49 )。 更改密码控件接口，如图13-50所示。 (3)在修改密码部分的下面插入用于实现用户信息的修改功能的表，版面设计如图13.51所示，是26，13.9.3用户和相册管理页，(4)在版面设计表的下面插入GridView控制和HyperLink控制打开GridView控件的“任务”面板，然后在“选择数据源”下拉框中选择“新建数据源”选项。 (6)在“选择数据源类型”界面中选择“数据库”选项，然后单击“确定”按钮，如图13-54所示。 (7)在“选择数据连接”接口中选择在上一步中创建的数据库连接，然后单击“下一步”

15、按钮(参见图13-55 )。27、13.9.3用户和相册管理页，(8)在“设置选择语句”界面中，选择从userPhotoSet表中读取所有数据，然后单击WHERE，如图13-56所示(9) 单击“添加”按钮添加条件。 接着，如图13图57所示，点击ok按钮完成条件设定。 (10 )预配置的SQL语句显示在“配置选择语句”界面下的“选择语句”文本框中。 单击“下一步”按钮，如图13-58所示。 (11 )向导移动到“测试查询”界面，数据源配置完成后，点击“确定”按钮，如图13-59所示完成数据源的配置。28、13.9.3用户和相册管理页、(12 )数据库设置完成后，GridView控件将显示数据

16、源中包含的所有列。 单击“编辑列”选项，如图13-60所示。 (13 )在列编辑对话框中选择不需要的列，如图13-61所示点击删除带有红色叉子的按钮。如图13图62所示，只保持影集名、制作日期、关键字、影集状态4列的数据。 (14 )将各列的HeaderText属性修正为对应的中文字符，如图13-63所示。 更改完成后，单击“ok (确定)”按钮完成数据列表的配置，如图13-64所示。 完成的接口如图13-65所示。 选择29、13.9.3用户和影集管理页、(15)gridview控件，然后在属性面板中重新加载RowDataBound方法，如图13-66所示。 (16 )在row databound方法中，参照教材P339 (17 )选择“创建相册”链接，在属性面板中选择NavigateUrl属性，点击旁边的按钮，将状态显示转换为中文。 (18 )选择连接到“添加photos et.aspx”页面。 这是下一个要开发的相册的附加页，如果尚未创建