摄影分享网设计与实现.doc

目 录 摘 要1 第一章 绪论.3 1.1 选题目的和意义 .3 1.2 系统所实现的功能 .3 1.3 系统开发工具的选用 .4 第二章 摄影分享网的设计.6 2.1 系统框架设计 6 2.2 系统功能模块的设计 7 2.3 数据库设计 .10 2.4 存储过程 .16 第三章 公共类及网站模板设计19 3.1 公共类(webhelper.cs) .19 3.2 母版页设计 .20 第四章 网站具体功能设计22 4.1 前台管理界面 .22 4.2 用户登录界面 .23 4.3 用户注册界面 .25 4.4 用户界面 .26 4.5 管理员功能模块图 .38 第五章 总结41 致 谢.42 参考文献.43 1 摄影分享网设计与实现 摘摘 要要 随着计算机和数码设备的普及，数字图片资源已成为我们日常生活中的一个重 要部分，对于日益增多的图片资源，如何更好地存储和有效检索已成为人们面临的 一个新的课题。图片文件不同于文本文件，它以二进制方式存放于电脑中，因此实 现图片管理主要有以下两种方式：第一种是将图片直接放人数据库对应的表中，这 种方式的优点是实现了图库合一，但这种存储方式对数据库的容量和性能要求较高； 另一种方式是将图片以文件方式存放到服务器上，并将与图片相关的信息和路径存 人对应的数据表中，这种方式缩小了表的大小，同时提高数据库操作速度，故通常 被基于bs的系统所广泛采用。本文以第二种方式为基础，通过对一个网络电子相 册示例的阐述，详细描述如何使用aspnet来构建网络图片管理系统。 本课题使用 sql 数据库、在 visual studio 2005 平台下开发了一个 b/s 架构的 摄影分享网站。系统主要包括以下几种功能：用户管理、目录管理、照片管理、评 论管理、收藏管理,博客管理等。通过本系统可以为广大热爱摄影和图片收藏的人士 提供一个很好的平台。 关键字：摄影分享网 b/s 架构 .net 2 titletitle：photo sharing network design and implementaion abstractabstract： with the popularization of computer and digital equipment, digital resources have become part of our daily life in an important part, for the increasing picture resources, how to better storage and retrieval becomes a new task. picture file differs from a text file in binary mode, it is stored in the computer, thus realizing picture management mainly has the following two ways: the first is to picture directly into different tables in a database, the advantage of the method is realized in a gallery, but the storage mode of database capacity and performance requirements of high; another way is to photograph documents stored on the server, and the associated with picture information and stored in the corresponding data path table, this way reduces the table size, while improving the database operation speed, so it usually is based on the b / s system widely adopted by. this article in second ways as the foundation, through a network of electronic photo album sample set, a detailed description of how to use asp.net to build a network management system. this paper use the sql database, visual studio 2005 platform developed a b / s courses management information system. the system mainly includes the following several functions: user management, directory management, photo management, comment management, collection management. through this system can provide our passion for photography and picture collection to provide a good platform. keywords： photo sharing network b / s architecture . net 3 第一章 绪论 1.1 选题目的和意义 随着社会的发展，人们越来越多的会记录自己的影响资料，特别是图片，人们 往往有很多照片却烦恼于如何存储，传统的相片会容易丢失和损坏，于是做一个图 片管理系统，以电子的形式存储这些照片便成了最好的方法，通过照片传递自己的 想法和所见，可以达到一种更加友好的交流体验。 各种照片图片管理是现在互联网网站面临的一项必要任务，如何有效的实现对 图片的有效管理也是一件比较重要和复杂的工作，其涉及的内容也比较广泛。因此 制作一个图片管理系统是十分重要和必要的。而基于 的图片管理系统可以 让上网的人能够在网上分享、下载、上传照片，也便于人们搜索自己需要的图片， 以此可见它的重要性可见一斑。 1.2 系统所实现的功能 一、前台显示 (1) 首页显示最新的照片目录功能 该功能是为游客登录网站系统时，显示网站的照片目录，并且提供查看功能。 (2) 首页显示用户登录功能按钮 该功能为已经注册的用户提供登录网站个人空间的功能，用户通过点击登录按 钮，可以顺利的跳转到登陆界面，进行登录操作。 (3) 首页显示用户注册功能按钮 该功能为想在本网站注册为会员的用户提供的功能，用户通过点击注册按钮， 可以顺利的跳转到注册界面，进行注册操作。 二、后台管理：分为用户后台管理和管理员后台管理 1、用户后台管理部分 (1) 用户信息管理 该功能提供注册用户修改自己的用户名，邮箱，个人信息还有密码的修改。 4 (2) 照片管理： 该功能提供注册用户管理自己的照片的功能可以删除，修改等。 (3) 目录管理： 该功能提供注册用户管理自己已经有的目录和创建新的照片目录。 (4) 上传照片： 该功能提供注册用户可以上传自己的照片到已经创建的目录里。 (5) 收藏管理： 该功能提供注册用户可以收藏自己喜欢的照片，以便以后再次查看。 (6) 评论管理： 该功能提供注册用户对看到的图片进行评论的功能和管理评论的功能，可以删 除评论。 (7) 照片详细页面： 该功能提供注册用户对自己看到图片的缩略图进行放大查看的功能。 (8) 博客管理 该功能提供给注册用户分享自己的拍照经验、心得、灵感和自己的想法等。 2、管理员后台管理部分 (1) 用户管理： 该功能主要是对已经注册的用户进行管理，对违规的用户进行删除和邮件提醒 警告灯。 (2) 相册管理： 该功能主要对网站中的所有相册进行管理对发现的违规相册进行删除操作。 (3) 照片管理： 该功能主要对网站中的所有相片进行管理，对发现的违规招牌进行删除操作。 (4) 评论管理： 该功能主要对网站中照片的恶意评论进行管理，对发现的违规恶意评论进行删 除操作。 1.3 系统开发工具的选用 本人所开发的产品销售发布平台是在利用 asp.net 技术工具和 sql server 2005 数据库系统的基础上开发出来的。 5 sql 是英文 structured query language 的缩写，意思为结构化查询语言。sql 语言的主要功能就是同各种数据库建立联系，进行沟通。按照 ansi(美国国家标准 协会)的规定，sql 被作为关系型数据库管理系统的标准语言。sql 语句可以用来执 行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。目前，绝 大多数流行的关系型数据库管理系统，如 oracle, sybase, microsoft sql server, access 等都采用了 sql 语言标准。虽然很多数据库都对 sql 语句进行了再开发和扩 展，但是包括 select, insert, update, delete, create,以及 drop 在内的标准的 sql 命令仍然可以被用来完成几乎所有的数据库操作。 sql server 是一个关系数据库管理系统。它最初是由 microsoft sybase 和 ashton-tate 三家公司共同开发的，于 1988 年推出了第一个 os/2 版本。在 windows nt 推出后，microsoft 与 sybase 在 sql server 的开发上就分道扬镳了， microsoft 将 sql server 移植到 windows nt 系统上，专注于开发推广 sql server 的 windows nt 版本。sybase 则较专注于 sql server 在 unix 操作系统上的应用。 sql server 2005 是一个全面的数据库平台，使用集成的商业智能 (bi) 工具 提供了企业级的数据管理。sql server 2005 数据引擎是企业数据管理解决方案的 核心。此外 sql server 2005 结合了分析、报表、集成和通知功能。与 microsoft visual studio、microsoft office system 以及新的开发工具包的紧密集成使 sql server 2005 与众不同。 asp.net 应用程序被定义为可从 web 服务器上的虚拟目录及其子目录中调用的 所有文件盒可执行码。其中可以包含网页（.html 文件） 、web 表单页面（.aspx 文 件） 、web 表单用户控件（.ascx 文件） 、xml web 服务（.asmx 文件） 、http 处理程 序、http 模块和其他文件。 asp.net 的核心对象，包括 server 对象、response 对象和 request 对象。状态 管理对象，主要包括：应用程序状态对象、会话状态对象和页面视图状态对象。 6 第二章 摄影分享网的设计 2.1 系统框架设计 摄影分享网是针对照片的管理，从繁多的照片到整理收藏分享的一个管理过程， 本系统可以提供高效率的照片管理，使得管理照片不再是一件麻烦的事情，使珍贵 的影像资料不会因为纸质的原因易于损坏丢失，而造成遗憾和损失。因此主要是对 官大摄影爱好者、平时有拍照习惯的人和喜欢分享照片的人需要的功能进行设计及 实现。 对摄影分享网的需求分析中得到系统设计到得到游客、注册用户、管理员三个 用户，游客可以注册、浏览相册目录和相册里的照片；注册用户可以创建、浏览、 删除相册目录，上传、浏览、删除照片，添加相册收藏，添加评论，博客管理等； 管理员需要对系统的管理以及相册、照片、评论和注册用户的管理，系统用例图如 下（图 2-1）： 7 图 2-1 用例图 2.2 系统功能模块的设计 1. 通过分析系统框架和实际的功能需求得出本系统需要的主要功能模块如下： (1) 首页显示模块：显示最新上传的照片列表。 (2) 登录模块：为已注册用户和管理员进入个人页面和管理页面提供一个入口。 (3) 用户注册模块：为新用户注册提供一个页面的入口。 (4) 用户首页模块：显示功能链接，包括目录列表和各个功能的链接。 (5) 新增目录模块：添加一个新的相册目录。 (6) 上传照片模块：向已添加的目录中上传新的照片。 (7) 照片列表模块：显示具体的照片信息，并且可以删除照片。 (8) 照片详细显示模块：详细显示照片的信息，包括该照片下的所有评论，并 且可以发表新的评论。 (9) 用户信息显示：管理用户的详细信息。 (10) 评论显示模块：显示用户的所有评论，并且可以删除评论 (11) 收藏列表模块：显示用户的所有收藏目录，并且可以删除。 （12）博客首页模块：显示所有公开的博客、博客排行榜等。 (13) 博客管理模块: 添加新的博客，管理博客目录分类、文章、博客评论等。 (14) 管理员用户管理模块：显示所有的注册用户名单，对发现的违规的用户进 行删除。 (15) 管理员相册管理模块：显示所有的相册目录清单，对发现的违规的相册进 行删除。 (16) 管理员照片管理模块：显示所有的照片目录清单，对发现的违规的照片进 行删除。 (17) 管理员评论管理模块：显示所有的评论目录和内容，对发现的违规的评论 进行删除。 8 2.系统的各模块流程如下所示： 图 2-2 系统总模块图 图 2-3 用户登录功能图 图 2-4 用户注册功能图 用户登录 用 户 登 录 管 理 员 登 录 用户注册 填写 注册 信 息 9 图 2-5 用户管理功能图 图 2-5 目录管理功能图 图 2-7 评论管理功能图 图 2-8 收藏管理功能图 图 2-9 博客管理功能图 图 2-10 管理员功能图 用户管理 用 户 注 册 用 户 修 改 密 码 修 改 用 户 查 看 目录管理 目 录 增 加 目 录 修 改 目 录 浏 览 目 录 删 除 评论管理 增 加 评 论 删 除 评 论 查 看 评 论 收藏管理 收 藏 相 册 浏 览 收 藏 用 户 管 理 目 录 管 理 照 片 管 理 评 论 管 理 管理员 博 客 浏 览 写 文 章 添 加 分 类 博 客 信 息 管 理 博客管理 10 2.3 数据库设计 本系统数据库采用 sql server 2005 数据库，系统数据库名称为 album。数据 库 album 中包含 6 张表分别是用户表、照片目录表、照片表、评论表、收藏目录表 和管理员表数据库表都有一个前缀（album）数据库表的说明如下表 2-1 所以。 表名称描述 album_user 存储系统所有的用户 album_photo 存储所有的照片 album_catalog 存储用户的照片目录 album_comment 存储所有的评论内容 album_favorite 存储所有用户的收藏列表 blog_blogcategory 存储系统博客目录 blog_comment 存储博客的评论内容 blog_post 存储博客的文章 blgo_postcategory 存储文章分类 album_manage 存储系统所有的管理员 表 2-1 数据库表 2.3.1 album_user 用户表 用户表包含所有在摄影分享网中注册的用户的信息，包括用户名、密码、email 等信息，他的字段说明如表 2-2 所示： 11 表 2-2 用户字段描述 2.3.2 album_photo 照片表 照片表包含照片的描述、照片目录、照片所属的用户、照片文件的路径、大小 等信息。它的字段说明如表 2-3 所示。 表 2-3 照片表字段描述 2.3.3 album_comment 评论表 评论表不好喊评论的内容、评论时间、评论用户、评论的照片等信息，它的字 段说明如表 2-4 所示。 字段名数据类型长度是否允许为空描述 useridint4 否用户 id，自增 1，表主键 usernamenvarchar10 否用户名 passwordnvarchar50 否用户的密码 intronvarchar12 是用户个人简介 emailnvarchar50 是用户的 email 字段名数据类型长度是否允许为空描述 photoidint4 否照片 id，自增 1，表主键 catalogidnvarchar10 否目录 id useridint4 是用户 id photodescnvarchar12 是照片路径 filesizenvarchar50 否文件的大小 releasebit1 否发布首页 phototimedatetime8 否照片上传时间 12 表 2-4 评论表字段描述 2.3.4 album_catalog 照片目录表 照片目录表包含目录名称、目录所属用户、目录创建时间、目录照片书等信息， 它的字段说明如表 2-5 所示。 表 2-5 照片目录表字段描述 2.3.5 album_favorite 收藏目录表 收藏目录表包含被收藏目录和发起收藏目录的用户信息，它的字段说明如表 2- 6 所示。 表 2-6 收藏目录表描述 字段名数据类型长度是否允许为空描述 commentidint4 否评论 id，自增 1，表主键 useridint4 否用户 id photoidint4 否照片 id commentdatenvarchar12 是评论时间 contentnvarchar50 是评论内容 字段名数据类型长度是否允许为空描述 catalogidint4 否目录 id，自增 1，表主键 useridint4 否用户 id catalognamenvarchar50 是目录名称 photonumnvarchar12 是目录包含的照片数 createdatenvarchar50 是目录创建时间 photopathbit1 否目录照片 字段名数据类型长度是否允许为空描述 favoriteidint4 否收藏 id，自增 1，表主键 useridint4 否发起收藏的用户 id catalogidint4 否被收藏的目录 id 13 2.3.6 album_manage 管理员目录表 管理员表包含相册管理者在系统中的信息，包括管理员名、密码、email 等信 息，它的字段说明如表 2-7 所示。 表 2-7 管理员表字段描述 2.3.7 blog_blogcategory 博客分类表 博客分类表包含系统给定的博客分类的中信息，包括博客分类编号，博客分类 明等信息，它的字段说明如表 2-8 所示。 字段名数据类型长度是否允许为空描述 blogcategoryidint4 否博客分类 id，自增 1，表主键 blogcategorynamenvarchar10 否博客分类名 表 2-8 博客分类表 2.3.8 blog_comment 文章评论表 博客评论表包含注册用户给文章的所有评论信息，包括文章编号，用户编号， 评论内容，评论标题，评论时间等信息，它的字段说明如表 2-9 所示。 字段名数据类型长度是否允许为空描述 blog_commentidint4 否评论 id，自增 1，表主键 postidint4 否文章 id useridint4 否用户 id commentcontentnvarchar200 否评论内容 commenttitlenvarchar50 否平论标题 commentcreatetimedatetime8 否评论时间 字段名数据类型长度是否允许为空描述 manageidint4 否管理员 id，自增 1，表主键 managenamenvarchar10 否管理员名 passwordnvarchar50 否管理员的密码 intronvarchar12 是管理员个人简介 emailnvarchar50 是管理员的 email 14 表 2-9 文章评论表 2.3.9 blog_post 文章表 文章表主要是存储用户写的文章的信息，主要包括文章标题，文章内容，文章 所有者等，它的详细字段描述如下表 2-10 所示。 字段名数据类型长度是否允许为空描述 postidint4 否文章 id，自增，主键 blogcategoryidint4 否博客分类 id postcategoryidint4 否文章分类 id posttitlenvarchar50 否文章标题 postcontenttest2000 否文章内容 abstractnvarchar200 否摘要 showtopublicnvarchar2 否在公共主页显示 postcreatetimedatetime8 否写文章时间 postcommentsint4 是评论数 postclickint4 是点击数 postuseridint4 否文章所有者 id 表 3-10 文章表 2.3.10 blog_postcategory 文章分类表 文章分类表主要是为了存储用户自己定义的文章分类的信息，主要有分类标题，分类所有 者等，它的详细字段说明如表 2-11 所示。 字段名数据类型长度是否允许为空描述 blogcategoryidint4 否博客分类 id，自增 1，表主键 blogcategorynamenvarchar10 否博客分类名 表 2-11 文章分类表 2.3.11 表关系 每个用户可以有多个目录，每个目录可以有多个照片，每个照片有多个评论， 每个用户尅收藏多个目录，每个目录也可以被多个用户收藏，管理员可以管理多个 用户、多个目录、多个照片和多个评论，因此用户表和目录表之间、目录表和照片 15 表之间以及照片表和评论表之间都是一对多的关系，而用户表和收藏目录表之间是 多对多的关系，每个用户可以有多个文章分类，每个分类对应唯一的用户，每个用 户可以有多篇文章，每个文章对应唯一的用户，每个用户可以有多个评论，每个用 户有多个博客分类，博客分类对应多个用户，每个用户有多个文章分类，文章分类 对应唯一的用户，每个评论有唯一的用户创建，每篇文章有多个评论，每个评论对 应唯一的文章，每篇文章对应唯一的博客分类和文章分类，博客分类对应多个文章， 文章分类对应多个文章，因此用户表和博客分类表、文章分类表、文章表、文章评 论表之间是一对多的关系，管理员表和用户表、目录表、照片表和评论表都是一对 多的关系，所以这些表之间关系如下： 用户和照片目录之间是 1 对 n 的关系。 目录和照片之间是 1 对 n 的关系。 照片和评论之间是 1 对 n 的关系。 用户和收藏目录之间是 n 对 n 的关系。 用户和博客分类、文章分类、文章、文章评论是 1 对 n 的关系。 博客分类和文章之间是 1 对 n 的关系。 文章分类和文章之间是 1 对 n 的关系。 文章和评论之间是 1 对 n 的关系。 管理员和用户之间是 1 对 n 的关系。 管理员和目录之间是 1 对 n 的关系。 管理员和照片之间是 1 对 n 的关系。 管理员和评论之间是 1 对 n 的关系。 通过以上的分析，该系统的表之间的关系图如图 2-7 所示： 16 图 2-11 数据库表之间的关系 2.42.4 存储过程存储过程 为了提供系统的方位效率，使用存储过程来实现大部分数据操作功能。同时为 了防止系统内的存储过程过多而难以管理，只在新增或者修改实体数据和实现其他 复杂的逻辑是才用户存储过程，删除和返回列表的功能还是用 sql 语句来完成。表 2-8 是项目中具体运用到的存储过程。 17 存储过程名称描述 album_user_save保存用户：包括新增和修改用户，通过userid 来判断是新增还 是个修改用户，以下其他的存储过程也类似 album_user_delete删除用户，并且删除该用户的所有照片、收藏、评论、目录 album_photo_save保存照片 album_photo_delete删除照片，并且更新该照片目录的照片数 album_comment_save保存评论 album_catalog_save保存照片目录：博爱扩新增和修改目录信息 album_catalog_delete删除照片目录：同时删除该目录下的照片和收藏的目录 album_favorite_save保存用户收藏目录 表 2-8 摄影分享网存储过程描述 由于大多数存储过程都执行插入和更新操作，所以在下面列出几个具有代表性 和复杂的存储过程作介绍。 (1) album_user_delete 该存储过程的功能是删除用户，并且删除该用户的目录、照片和收藏，但不删 除该用户的评论，详细的代码如下： alter procedure dbo.album_user_delete userid int as delete from album_user where userid=userid delete from album_catalog where userid=userid delete from album_favorite where userid=userid go (2) album_photo_save 该存储过程的功能是上传照片，并且同时更新照片所在的目录的照片数和目录 的图片路径，详细的代码如下： alter procedure dbo.album_photo_save photoid int, catalogid int, userid int, photodesc nvarchar(50), path nvarchar(50), filesize decimal(18, 0) as begin insert into dbo.album_photo ( catalogid, userid, photodesc, path, filesize 18 ) values ( catalogid, userid, photodesc, path, filesize ) set photoid = identity update album_catalog set photonum=photonum+1,photopath = path where catalogid = catalogid end (3) album_photo_delete 该存储过程主要实现删除照片的功能，并且同时更新该照片对应目录的照片总 数，详细代码如下： alter procedure dbo.album_photo_delete photoid int as declare catalogid int select catalogid=catalogid from album_photo where photoid=photoid update album_catalog set photonum=photonum-1where catalogid=catalogid delete from album_photo where photoid=photoid (4) album_catalog_delete 该存储过程主要是实现删除目录的功能，并且同时删除该目录下的照片和该目 录的收藏记录，详细代码如下： alter procedure dbo.album_catalog_delete catalogid int as delete from album_catalog where catalogid=catalogid delete from album_photo where catalogid=catalogid delete from album_favorite where catalogid=catalogid go 19 第三章 公共类及网站模板设计 3.1 公共类(webhelper.cs) 把页面需要经常用到的一些方法封装成类发到 app_code 目录下，方便各个页面 调用，主要的功能有“弹出提示”、“刷新”等方法，具体代码如下： public static int getcurrentuser() string struserid = httpcontext.current.request.querystring“userid“ = null ? “ : httpcontext.current.request.querystring“userid“; if (0 != struserid.length) return convert.toint32(struserid); return 0; public static int getloginuser() string struserid = httpcontext.current.session“userid“ = null ? “ : httpcontext.current.session“userid“.tostring(); if (0 = struserid.length) return 0; return convert.toint32(struserid); public static bool isadmin() string strloginuserid = httpcontext.current.session“userid“ = null ? “ : httpcontext.current.session“userid“.tostring(); string struserid = httpcontext.current.request.querystring“userid“ = null ? “ : httpcontext.current.request.querystring“userid“; if (strloginuserid = “ | struserid = “) return false; if (struserid = strloginuserid) return true; return false; public static void alert(string smessage) httpcontext.current.response.write(“alert(“ + smessage + “);“); public static void alertandrefresh(string smessage) 20 httpcontext.current.response.write(“alert(“ + smessage + “); location.href=location.href“); public static void refresh() httpcontext.current.response.write(“location.href=location.href“); public static void alertandredirect(string smessage, string surl) httpcontext.current.response.write(“alert(“ + smessage + “);location.href=“ + surl + “); 3.2 母版页设计 本系统中母版页定义了页面的基本结构，分为上、中、下 3 个部分，其中上部显 示页眉和导航部分，如图 3-1 所示；下部分显示版权和联系方式等信息，如图 3-2 所示；中部则是有各页面根据其页面功能特点来组织显示数据信息。 图 3-1 母版页上部界面 图 3-2 母版页西部界面 (1) 页面介绍 母版页主要实现页眉和导航栏的功能，包括 1 各 label 控件和 5 各超链接控件， label 控件显示登录用户相关信息，超链接控件包括相册相关的功能等连接。 (2) 后台代码介绍 由于系统的所有页面都是母版页继承而来，而系统的页面 guset 和登录用户看 到的是同一个页面，只是内容动态不一样而已，所以母版页根据不同的用户呈现不 一样的界面，并且导航栏的链接也是动态的生成的，具体代码如下： 21 protected void page_load(object sender, eventargs e) user user = new user(); if (!page.ispostback) int userid = webhelper.getcurrentuser(); if (userid != 0) user.userid = userid; user.getuserdetailbyid(); this.hlcomment.navigateurl = “mycomment.aspx?userid=“ + userid; this.hlfavorite.navigateurl = “myfavoriate.aspx?userid=“ + userid; this.hlinfo.navigateurl = “myinfo.aspx?userid=“ + userid; this.hlphoto.navigateurl = “managephoto.aspx?userid=“ + userid; if (webhelper.isadmin() this.lbltitle.text = “我的相册“; else this.lbltitle.text = user.username; if (session“userid“ != null) this.pluser.visible = true; this.pllogin.visible = false; this.hlmyphoto.visible = true; this.hladdphoto.visible = true; this.lblusername.text = session“username“.tostring(); this.hladdphoto.navigateurl = “addphoto.aspx?userid“+webhelper.getloginuser(); this.hlmyphoto.navigateurl = “managephoto.aspx?userid=“+webhelper.getloginuser(); else this.pllogin.visible = true; this.pluser.visible = false; this.hlmyphoto.visible = false; this.hladdphoto.visible = false; if (userid = 0 22 第四章 网站具体功能设计 4.1 前台管理界面 系统前台的功能主要包括首页显示和用户注册登录功能，下面主要详细说明首 页显示功能。 首页显示的功能是将相册的目录按刘表显示出来，单击各个目录名或者目录图 片可以进到该目录的详细页面，进而进入到该目录的各个照片页面，其界面如图 3- 3 所示。 图 3-3 网站首页 该页面后台代码介绍如下，页面加载时首先运行 page_load 方法，在该方法中 绑定相册目录列表，代码如下： protected void page_load(object sender, eventargs e) if (!page.ispostback) datatable dt = catalog.getcataloglist(); if (dt.rows.count 0) this.dlcatalog.datasource = dt; this.dlcatalog.databind(); 23 4.2 用户登录界面 用户登录界面是为了给已经注册的用户提供一个登录自己个人用户界面的一个 功能。由于用户登录又分为普通注册用户登录和管理员登录。注册用户登录界面如 图（3-4）所示、管理员登陆界面如图（3-5）所示： 图 3-4 用户登录 该页面后台代码介绍如下，在用户名文本框中和密码文本框中填入相应的账号 和密码，单击“登录” ，如果账号和密码是正确的则登录成功，并且跳转的个人首页 界面，如果填写的信息不正确或者想重新填写新用户名或密码，可以单击“重填按 钮” 。代码如下： protected void btnlogin_click(object sender, eventargs e) user user = new user(); user.login(txtname.text, txtpassword.text); if (user.userid != 0) session“userid“ = user.userid; session“username“ = user.username; response.redirect(“managephoto.aspx?userid=“+user.userid); else webhelper.alert(“登录失败!“); 24 如果登录的用户不是普通注册用户，而是管理远的话，需要单击“如果你是管 理员请点这里”的提示，系统将会带你进入管理员登录界面。如图（3-5） 图 3-5 管理员登陆 该页面后台代码介绍如下，在用户名文本框中和密码文本框中填入相应的账号 和密码，单击“登录” ，如果账号和密码是正确的则登录成功，并且跳转的管理员界 面，如果填写的信息不正确或者想重新填写新用户名或密码，可以单击“重填按钮” 。 代码如下： protected void btnloginmanage_click(object sender, eventargs e) ma ma = new ma(); ma.managelogin(textbox1.text, textbox2.text); if (ma.manageid != 0) session“userid“ = ma.manageid; session“username“ = ma.managename; response.redirect(“manage.aspx?userid=“ + ma.manageid); else webhelper.alert(“登录失败“); 如果自己不是管理员的话，可以单击“我不是管理员”跳转的普通注册用户登 录界面，条状成功以后的界面如上图（3-4）所示。 25 4.3 用户注册界面 用户注册功能主要是为了给想要注册成为被系统用户的个人准备的功能，单击 网站上的“注册”按钮，页面跳转到用户注册界面，注册界面如图 3-6 所示： 图 3-6 用户注册界面 在用户注册界面，正确填写相关的信息，如“用户名” 、 “密码” 、 “email” 、 “自 我介绍”等信息，填写完毕，点击注册，注册成功以后页面会自动跳转到用户首页 界面，后台代码如下： protected void btnreg_click(object sender, eventargs e) user user = new user(); user.username = this.txtname.text; user.password = this.txtpassword.text; user.email = this.txtemail.text; user.intro = this.txtintro.text; user.save(); session“userid“ = user.userid; session“username“ = user.username; webhelper.alertandredirect(“注册成功!“,“managephoto.aspx?userid“+user.userid); 26 4.4 用户界面 用户界面是用户对自己照片的全面管理的一个页面，在这个界面上首先会把用 户的所有相册进行展示，用户可以看到自己的所有相册，此界面包含以下的功能： 上传照片、新建目录、查看相册、删除相册、查看收藏、产看评论、查看自己的资 料、退出等功能；主要链接的页面有用户信息管理、照片管理、目录管理、上传照 片、收藏管理、评论管理和照片详细显示等。 4.4.1 用户首页（/.managephoto.aspx） 用户管理首页主要包括相册目录的列表和上传照片、新建目录的功能连接、如 图 3-7 所示。 图 3-7 用户首页 (1)页面介绍 页面包括一组按钮和一个 datalist 控件，一组按钮实现上传照片和新增目录功 能，datalist 控件实现调查列表的显示，页面代码如下： 27 / if (!page.ispostback) if (webhelper.isadmin() this.plmanage.visible = true; /string userid = session“userid“.tostring(); else this.plmanage.visible = false; 28 user.userid = webhelper.getcurrentuser(); datatable dt =user.getcataloglistbyuserid(); if (dt.rows.count 0) /绑定datalist this.dlcatalog.datasource = dt; this.dlcatalog.databind(); else this.btnupload.enabled = false; this.lblmessage.text = “还没有目录，请先新建目录“; 4.4.2 上传照片功能(/uploadphoto.aspx) 单击页面 managephoto.aspx 中的“上传照片”按钮进入上传照片页面，该页面 主要实现上传照片的功能，其界面如图 3-8 所示。 图 3-8 上传照片界面 (1) 页面介绍 从图 3-8 中可以看出，该页面主要包括一个 dropdownlist 控件、一个文本框和 一个上传空间，dropdownlist 控件绑定目录列表功能，文本框控件显示照片描述信 息。 29 (2)后台代码 页面运行时首先加载 page_load 方法，在这个方法中条用业务逻辑层实现，绑 定目录列表到 dropdownlist 空间上，代