摄影分享网设计与实现

目录摘要1第一章绪论311选题目的和意义312系统所实现的功能313系统开发工具的选用4第二章摄影分享网的设计621系统框架设计622系统功能模块的设计723数据库设计1024存储过程16第三章公共类及网站模板设计1931公共类WEBHELPERCS1932母版页设计20第四章网站具体功能设计2241前台管理界面2242用户登录界面2343用户注册界面2544用户界面2645管理员功能模块图38第五章总结41致谢42参考文献43摄影分享网设计与实现摘要随着计算机和数码设备的普及，数字图片资源已成为我们日常生活中的一个重要部分，对于日益增多的图片资源，如何更好地存储和有效检索已成为人们面临的一个新的课题。图片文件不同于文本文件，它以二进制方式存放于电脑中，因此实现图片管理主要有以下两种方式第一种是将图片直接放人数据库对应的表中，这种方式的优点是实现了图库合一，但这种存储方式对数据库的容量和性能要求较高；另一种方式是将图片以文件方式存放到服务器上，并将与图片相关的信息和路径存人对应的数据表中，这种方式缩小了表的大小，同时提高数据库操作速度，故通常被基于BS的系统所广泛采用。本文以第二种方式为基础，通过对一个网络电子相册示例的阐述，详细描述如何使用ASPNET来构建网络图片管理系统。本课题使用SQL数据库、在VISUALSTUDIO2005平台下开发了一个B/S架构的摄影分享网站。系统主要包括以下几种功能用户管理、目录管理、照片管理、评论管理、收藏管理,博客管理等。通过本系统可以为广大热爱摄影和图片收藏的人士提供一个很好的平台。关键字摄影分享网B/S架构NETTITLEPHOTOSHARINGNETWORKDESIGNANDIMPLEMENTAIONABSTRACTWITHTHEPOPULARIZATIONOFCOMPUTERANDDIGITALEQUIPMENT,DIGITALRESOURCESHAVEBECOMEPARTOFOURDAILYLIFEINANIMPORTANTPART,FORTHEINCREASINGPICTURERESOURCES,HOWTOBETTERSTORAGEANDRETRIEVALBECOMESANEWTASKPICTUREFILEDIFFERSFROMATEXTFILEINBINARYMODE,ITISSTOREDINTHECOMPUTER,THUSREALIZINGPICTUREMANAGEMENTMAINLYHASTHEFOLLOWINGTWOWAYSTHEFIRSTISTOPICTUREDIRECTLYINTODIFFERENTTABLESINADATABASE,THEADVANTAGEOFTHEMETHODISREALIZEDINAGALLERY,BUTTHESTORAGEMODEOFDATABASECAPACITYANDPERFORMANCEREQUIREMENTSOFHIGHANOTHERWAYISTOPHOTOGRAPHDOCUMENTSSTOREDONTHESERVER,ANDTHEASSOCIATEDWITHPICTUREINFORMATIONANDSTOREDINTHECORRESPONDINGDATAPATHTABLE,THISWAYREDUCESTHETABLESIZE,WHILEIMPROVINGTHEDATABASEOPERATIONSPEED,SOITUSUALLYISBASEDONTHEB/SSYSTEMWIDELYADOPTEDBYTHISARTICLEINSECONDWAYSASTHEFOUNDATION,THROUGHANETWORKOFELECTRONICPHOTOALBUMSAMPLESET,ADETAILEDDESCRIPTIONOFHOWTOUSEASPNETTOBUILDANETWORKMANAGEMENTSYSTEMTHISPAPERUSETHESQLDATABASE,VISUALSTUDIO2005PLATFORMDEVELOPEDAB/SCOURSESMANAGEMENTINFORMATIONSYSTEMTHESYSTEMMAINLYINCLUDESTHEFOLLOWINGSEVERALFUNCTIONSUSERMANAGEMENT,DIRECTORYMANAGEMENT,PHOTOMANAGEMENT,COMMENTMANAGEMENT,COLLECTIONMANAGEMENTTHROUGHTHISSYSTEMCANPROVIDEOURPASSIONFORPHOTOGRAPHYANDPICTURECOLLECTIONTOPROVIDEAGOODPLATFORMKEYWORDSPHOTOSHARINGNETWORKB/SARCHITECTURENET第一章绪论11选题目的和意义随着社会的发展，人们越来越多的会记录自己的影响资料，特别是图片，人们往往有很多照片却烦恼于如何存储，传统的相片会容易丢失和损坏，于是做一个图片管理系统，以电子的形式存储这些照片便成了最好的方法，通过照片传递自己的想法和所见，可以达到一种更加友好的交流体验。各种照片图片管理是现在互联网网站面临的一项必要任务，如何有效的实现对图片的有效管理也是一件比较重要和复杂的工作，其涉及的内容也比较广泛。因此制作一个图片管理系统是十分重要和必要的。而基于ASPNET的图片管理系统可以让上网的人能够在网上分享、下载、上传照片，也便于人们搜索自己需要的图片，以此可见它的重要性可见一斑。12系统所实现的功能一、前台显示1首页显示最新的照片目录功能该功能是为游客登录网站系统时，显示网站的照片目录，并且提供查看功能。2首页显示用户登录功能按钮该功能为已经注册的用户提供登录网站个人空间的功能，用户通过点击登录按钮，可以顺利的跳转到登陆界面，进行登录操作。3首页显示用户注册功能按钮该功能为想在本网站注册为会员的用户提供的功能，用户通过点击注册按钮，可以顺利的跳转到注册界面，进行注册操作。二、后台管理分为用户后台管理和管理员后台管理1、用户后台管理部分1用户信息管理该功能提供注册用户修改自己的用户名，邮箱，个人信息还有密码的修改。2照片管理该功能提供注册用户管理自己的照片的功能可以删除，修改等。3目录管理该功能提供注册用户管理自己已经有的目录和创建新的照片目录。4上传照片该功能提供注册用户可以上传自己的照片到已经创建的目录里。5收藏管理该功能提供注册用户可以收藏自己喜欢的照片，以便以后再次查看。6评论管理该功能提供注册用户对看到的图片进行评论的功能和管理评论的功能，可以删除评论。7照片详细页面该功能提供注册用户对自己看到图片的缩略图进行放大查看的功能。8博客管理该功能提供给注册用户分享自己的拍照经验、心得、灵感和自己的想法等。2、管理员后台管理部分1用户管理该功能主要是对已经注册的用户进行管理，对违规的用户进行删除和邮件提醒警告灯。2相册管理该功能主要对网站中的所有相册进行管理对发现的违规相册进行删除操作。3照片管理该功能主要对网站中的所有相片进行管理，对发现的违规招牌进行删除操作。4评论管理该功能主要对网站中照片的恶意评论进行管理，对发现的违规恶意评论进行删除操作。13系统开发工具的选用本人所开发的产品销售发布平台是在利用ASPNET技术工具和SQLSERVER2005数据库系统的基础上开发出来的。SQL是英文STRUCTUREDQUERYLANGUAGE的缩写，意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系，进行沟通。按照ANSI美国国家标准协会的规定，SQL被作为关系型数据库管理系统的标准语言。SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。目前，绝大多数流行的关系型数据库管理系统，如ORACLE,SYBASE,MICROSOFTSQLSERVER,ACCESS等都采用了SQL语言标准。虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括SELECT,INSERT,UPDATE,DELETE,CREATE,以及DROP在内的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作。SQLSERVER是一个关系数据库管理系统。它最初是由MICROSOFTSYBASE和ASHTONTATE三家公司共同开发的，于1988年推出了第一个OS/2版本。在WINDOWSNT推出后，MICROSOFT与SYBASE在SQLSERVER的开发上就分道扬镳了，MICROSOFT将SQLSERVER移植到WINDOWSNT系统上，专注于开发推广SQLSERVER的WINDOWSNT版本。SYBASE则较专注于SQLSERVER在UNIX操作系统上的应用。SQLSERVER2005是一个全面的数据库平台，使用集成的商业智能BI工具提供了企业级的数据管理。SQLSERVER2005数据引擎是企业数据管理解决方案的核心。此外SQLSERVER2005结合了分析、报表、集成和通知功能。与MICROSOFTVISUALSTUDIO、MICROSOFTOFFICESYSTEM以及新的开发工具包的紧密集成使SQLSERVER2005与众不同。ASPNET应用程序被定义为可从WEB服务器上的虚拟目录及其子目录中调用的所有文件盒可执行码。其中可以包含网页（HTML文件）、WEB表单页面（ASPX文件）、WEB表单用户控件（ASCX文件）、XMLWEB服务（ASMX文件）、HTTP处理程序、HTTP模块和其他文件。ASPNET的核心对象，包括SERVER对象、RESPONSE对象和REQUEST对象。状态管理对象，主要包括应用程序状态对象、会话状态对象和页面视图状态对象。第二章摄影分享网的设计21系统框架设计摄影分享网是针对照片的管理，从繁多的照片到整理收藏分享的一个管理过程，本系统可以提供高效率的照片管理，使得管理照片不再是一件麻烦的事情，使珍贵的影像资料不会因为纸质的原因易于损坏丢失，而造成遗憾和损失。因此主要是对官大摄影爱好者、平时有拍照习惯的人和喜欢分享照片的人需要的功能进行设计及实现。对摄影分享网的需求分析中得到系统设计到得到游客、注册用户、管理员三个用户，游客可以注册、浏览相册目录和相册里的照片；注册用户可以创建、浏览、删除相册目录，上传、浏览、删除照片，添加相册收藏，添加评论，博客管理等；管理员需要对系统的管理以及相册、照片、评论和注册用户的管理，系统用例图如下（图21）图21用例图22系统功能模块的设计1通过分析系统框架和实际的功能需求得出本系统需要的主要功能模块如下1首页显示模块显示最新上传的照片列表。2登录模块为已注册用户和管理员进入个人页面和管理页面提供一个入口。3用户注册模块为新用户注册提供一个页面的入口。4用户首页模块显示功能链接，包括目录列表和各个功能的链接。5新增目录模块添加一个新的相册目录。6上传照片模块向已添加的目录中上传新的照片。7照片列表模块显示具体的照片信息，并且可以删除照片。8照片详细显示模块详细显示照片的信息，包括该照片下的所有评论，并且可以发表新的评论。9用户信息显示管理用户的详细信息。10评论显示模块显示用户的所有评论，并且可以删除评论11收藏列表模块显示用户的所有收藏目录，并且可以删除。（12）博客首页模块显示所有公开的博客、博客排行榜等。13博客管理模块添加新的博客，管理博客目录分类、文章、博客评论等。14管理员用户管理模块显示所有的注册用户名单，对发现的违规的用户进行删除。15管理员相册管理模块显示所有的相册目录清单，对发现的违规的相册进行删除。16管理员照片管理模块显示所有的照片目录清单，对发现的违规的照片进行删除。17管理员评论管理模块显示所有的评论目录和内容，对发现的违规的评论进行删除。2系统的各模块流程如下所示图22系统总模块图图23用户登录功能图图24用户注册功能图用户登录用户登录管理员登录用户注册填写注册信息图25用户管理功能图图25目录管理功能图图27评论管理功能图图28收藏管理功能图图29博客管理功能图图210管理员功能图用户管理用户注册用户修改密码修改用户查看目录管理目录增加目录修改目录浏览目录删除评论管理增加评论删除评论查看评论收藏管理收藏相册浏览收藏用户管理目录管理照片管理评论管理管理员博客浏览写文章添加分类博客信息管理博客管理23数据库设计本系统数据库采用SQLSERVER2005数据库，系统数据库名称为ALBUM。数据库ALBUM中包含6张表分别是用户表、照片目录表、照片表、评论表、收藏目录表和管理员表数据库表都有一个前缀（ALBUM）数据库表的说明如下表21所以。表名称描述ALBUM_USER存储系统所有的用户ALBUM_PHOTO存储所有的照片ALBUM_CATALOG存储用户的照片目录ALBUM_COMMENT存储所有的评论内容ALBUM_FAVORITE存储所有用户的收藏列表BLOG_BLOGCATEGORY存储系统博客目录BLOG_COMMENT存储博客的评论内容BLOG_POST存储博客的文章BLGO_POSTCATEGORY存储文章分类ALBUM_MANAGE存储系统所有的管理员表21数据库表231ALBUM_USER用户表用户表包含所有在摄影分享网中注册的用户的信息，包括用户名、密码、EMAIL等信息，他的字段说明如表22所示表22用户字段描述232ALBUM_PHOTO照片表照片表包含照片的描述、照片目录、照片所属的用户、照片文件的路径、大小等信息。它的字段说明如表23所示。表23照片表字段描述233ALBUM_COMMENT评论表评论表不好喊评论的内容、评论时间、评论用户、评论的照片等信息，它的字段说明如表24所示。字段名数据类型长度是否允许为空描述USERIDINT4否用户ID，自增1，表主键USERNAMENVARCHAR10否用户名PASSWORDNVARCHAR50否用户的密码INTRONVARCHAR12是用户个人简介EMAILNVARCHAR50是用户的EMAIL字段名数据类型长度是否允许为空描述PHOTOIDINT4否照片ID，自增1，表主键CATALOGIDNVARCHAR10否目录IDUSERIDINT4是用户IDPHOTODESCNVARCHAR12是照片路径FILESIZENVARCHAR50否文件的大小RELEASEBIT1否发布首页PHOTOTIMEDATETIME8否照片上传时间表24评论表字段描述234ALBUM_CATALOG照片目录表照片目录表包含目录名称、目录所属用户、目录创建时间、目录照片书等信息，它的字段说明如表25所示。表25照片目录表字段描述235ALBUM_FAVORITE收藏目录表收藏目录表包含被收藏目录和发起收藏目录的用户信息，它的字段说明如表26所示。表26收藏目录表描述字段名数据类型长度是否允许为空描述COMMENTIDINT4否评论ID，自增1，表主键USERIDINT4否用户IDPHOTOIDINT4否照片IDCOMMENTDATENVARCHAR12是评论时间CONTENTNVARCHAR50是评论内容字段名数据类型长度是否允许为空描述CATALOGIDINT4否目录ID，自增1，表主键USERIDINT4否用户IDCATALOGNAMENVARCHAR50是目录名称PHOTONUMNVARCHAR12是目录包含的照片数CREATEDATENVARCHAR50是目录创建时间PHOTOPATHBIT1否目录照片字段名数据类型长度是否允许为空描述FAVORITEIDINT4否收藏ID，自增1，表主键USERIDINT4否发起收藏的用户IDCATALOGIDINT4否被收藏的目录ID236ALBUM_MANAGE管理员目录表管理员表包含相册管理者在系统中的信息，包括管理员名、密码、EMAIL等信息，它的字段说明如表27所示。表27管理员表字段描述237BLOG_BLOGCATEGORY博客分类表博客分类表包含系统给定的博客分类的中信息，包括博客分类编号，博客分类明等信息，它的字段说明如表28所示。字段名数据类型长度是否允许为空描述BLOGCATEGORYIDINT4否博客分类ID，自增1，表主键BLOGCATEGORYNAMENVARCHAR10否博客分类名表28博客分类表238BLOG_COMMENT文章评论表博客评论表包含注册用户给文章的所有评论信息，包括文章编号，用户编号，评论内容，评论标题，评论时间等信息，它的字段说明如表29所示。字段名数据类型长度是否允许为空描述BLOG_COMMENTIDINT4否评论ID，自增1，表主键POSTIDINT4否文章IDUSERIDINT4否用户IDCOMMENTCONTENTNVARCHAR200否评论内容COMMENTTITLENVARCHAR50否平论标题COMMENTCREATETIMEDATETIME8否评论时间字段名数据类型长度是否允许为空描述MANAGEIDINT4否管理员ID，自增1，表主键MANAGENAMENVARCHAR10否管理员名PASSWORDNVARCHAR50否管理员的密码INTRONVARCHAR12是管理员个人简介EMAILNVARCHAR50是管理员的EMAIL表29文章评论表239BLOG_POST文章表文章表主要是存储用户写的文章的信息，主要包括文章标题，文章内容，文章所有者等，它的详细字段描述如下表210所示。字段名数据类型长度是否允许为空描述POSTIDINT4否文章ID，自增，主键BLOGCATEGORYIDINT4否博客分类IDPOSTCATEGORYIDINT4否文章分类IDPOSTTITLENVARCHAR50否文章标题POSTCONTENTTEST2000否文章内容ABSTRACTNVARCHAR200否摘要SHOWTOPUBLICNVARCHAR2否在公共主页显示POSTCREATETIMEDATETIME8否写文章时间POSTCOMMENTSINT4是评论数POSTCLICKINT4是点击数POSTUSERIDINT4否文章所有者ID表310文章表2310BLOG_POSTCATEGORY文章分类表文章分类表主要是为了存储用户自己定义的文章分类的信息，主要有分类标题，分类所有者等，它的详细字段说明如表211所示。字段名数据类型长度是否允许为空描述BLOGCATEGORYIDINT4否博客分类ID，自增1，表主键BLOGCATEGORYNAMENVARCHAR10否博客分类名表211文章分类表2311表关系每个用户可以有多个目录，每个目录可以有多个照片，每个照片有多个评论，每个用户尅收藏多个目录，每个目录也可以被多个用户收藏，管理员可以管理多个用户、多个目录、多个照片和多个评论，因此用户表和目录表之间、目录表和照片表之间以及照片表和评论表之间都是一对多的关系，而用户表和收藏目录表之间是多对多的关系，每个用户可以有多个文章分类，每个分类对应唯一的用户，每个用户可以有多篇文章，每个文章对应唯一的用户，每个用户可以有多个评论，每个用户有多个博客分类，博客分类对应多个用户，每个用户有多个文章分类，文章分类对应唯一的用户，每个评论有唯一的用户创建，每篇文章有多个评论，每个评论对应唯一的文章，每篇文章对应唯一的博客分类和文章分类，博客分类对应多个文章，文章分类对应多个文章，因此用户表和博客分类表、文章分类表、文章表、文章评论表之间是一对多的关系，管理员表和用户表、目录表、照片表和评论表都是一对多的关系，所以这些表之间关系如下用户和照片目录之间是1对N的关系。目录和照片之间是1对N的关系。照片和评论之间是1对N的关系。用户和收藏目录之间是N对N的关系。用户和博客分类、文章分类、文章、文章评论是1对N的关系。博客分类和文章之间是1对N的关系。文章分类和文章之间是1对N的关系。文章和评论之间是1对N的关系。管理员和用户之间是1对N的关系。管理员和目录之间是1对N的关系。管理员和照片之间是1对N的关系。管理员和评论之间是1对N的关系。通过以上的分析，该系统的表之间的关系图如图27所示图211数据库表之间的关系24存储过程为了提供系统的方位效率，使用存储过程来实现大部分数据操作功能。同时为了防止系统内的存储过程过多而难以管理，只在新增或者修改实体数据和实现其他复杂的逻辑是才用户存储过程，删除和返回列表的功能还是用SQL语句来完成。表28是项目中具体运用到的存储过程。存储过程名称描述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保存用户收藏目录表28摄影分享网存储过程描述由于大多数存储过程都执行插入和更新操作，所以在下面列出几个具有代表性和复杂的存储过程作介绍。1ALBUM_USER_DELETE该存储过程的功能是删除用户，并且删除该用户的目录、照片和收藏，但不删除该用户的评论，详细的代码如下ALTERPROCEDUREDBOALBUM_USER_DELETEUSERIDINTASDELETEFROMALBUM_USERWHEREUSERIDUSERIDDELETEFROMALBUM_CATALOGWHEREUSERIDUSERIDDELETEFROMALBUM_FAVORITEWHEREUSERIDUSERIDGO2ALBUM_PHOTO_SAVE该存储过程的功能是上传照片，并且同时更新照片所在的目录的照片数和目录的图片路径，详细的代码如下ALTERPROCEDUREDBOALBUM_PHOTO_SAVEPHOTOIDINT,CATALOGIDINT,USERIDINT,PHOTODESCNVARCHAR50,PATHNVARCHAR50,FILESIZEDECIMAL18,0ASBEGININSERTINTODBOALBUM_PHOTOCATALOGID,USERID,PHOTODESC,PATH,FILESIZEVALUESCATALOGID,USERID,PHOTODESC,PATH,FILESIZESETPHOTOIDIDENTITYUPDATEALBUM_CATALOGSETPHOTONUMPHOTONUM1,PHOTOPATHPATHWHERECATALOGIDCATALOGIDEND3ALBUM_PHOTO_DELETE该存储过程主要实现删除照片的功能，并且同时更新该照片对应目录的照片总数，详细代码如下ALTERPROCEDUREDBOALBUM_PHOTO_DELETEPHOTOIDINTASDECLARECATALOGIDINTSELECTCATALOGIDCATALOGIDFROMALBUM_PHOTOWHEREPHOTOIDPHOTOIDUPDATEALBUM_CATALOGSETPHOTONUMPHOTONUM1WHERECATALOGIDCATALOGIDDELETEFROMALBUM_PHOTOWHEREPHOTOIDPHOTOID4ALBUM_CATALOG_DELETE该存储过程主要是实现删除目录的功能，并且同时删除该目录下的照片和该目录的收藏记录，详细代码如下ALTERPROCEDUREDBOALBUM_CATALOG_DELETECATALOGIDINTASDELETEFROMALBUM_CATALOGWHERECATALOGIDCATALOGIDDELETEFROMALBUM_PHOTOWHERECATALOGIDCATALOGIDDELETEFROMALBUM_FAVORITEWHERECATALOGIDCATALOGIDGO第三章公共类及网站模板设计31公共类WEBHELPERCS把页面需要经常用到的一些方法封装成类发到APP_CODE目录下，方便各个页面调用，主要的功能有“弹出提示”、“刷新”等方法，具体代码如下PUBLICSTATICINTGETCURRENTUSERSTRINGSTRUSERIDHTTPCONTEXTCURRENTREQUESTQUERYSTRING“USERID“NULL“HTTPCONTEXTCURRENTREQUESTQUERYSTRING“USERID“IF0STRUSERIDLENGTHRETURNCONVERTTOINT32STRUSERIDRETURN0PUBLICSTATICINTGETLOGINUSERSTRINGSTRUSERIDHTTPCONTEXTCURRENTSESSION“USERID“NULL“HTTPCONTEXTCURRENTSESSION“USERID“TOSTRINGIF0STRUSERIDLENGTHRETURN0RETURNCONVERTTOINT32STRUSERIDPUBLICSTATICBOOLISADMINSTRINGSTRLOGINUSERIDHTTPCONTEXTCURRENTSESSION“USERID“NULL“HTTPCONTEXTCURRENTSESSION“USERID“TOSTRINGSTRINGSTRUSERIDHTTPCONTEXTCURRENTREQUESTQUERYSTRING“USERID“NULL“HTTPCONTEXTCURRENTREQUESTQUERYSTRING“USERID“IFSTRLOGINUSERID“|STRUSERID“RETURNFALSEIFSTRUSERIDSTRLOGINUSERIDRETURNTRUERETURNFALSEPUBLICSTATICVOIDALERTSTRINGSMESSAGEHTTPCONTEXTCURRENTRESPONSEWRITE“ALERT“SMESSAGE“PUBLICSTATICVOIDALERTANDREFRESHSTRINGSMESSAGEHTTPCONTEXTCURRENTRESPONSEWRITE“ALERT“SMESSAGE“LOCATIONHREFLOCATIONHREF“PUBLICSTATICVOIDREFRESHHTTPCONTEXTCURRENTRESPONSEWRITE“LOCATIONHREFLOCATIONHREF“PUBLICSTATICVOIDALERTANDREDIRECTSTRINGSMESSAGE,STRINGSURLHTTPCONTEXTCURRENTRESPONSEWRITE“ALERT“SMESSAGE“LOCATIONHREF“SURL“32母版页设计本系统中母版页定义了页面的基本结构，分为上、中、下3个部分，其中上部显示页眉和导航部分，如图31所示；下部分显示版权和联系方式等信息，如图32所示；中部则是有各页面根据其页面功能特点来组织显示数据信息。图31母版页上部界面图32母版页西部界面1页面介绍母版页主要实现页眉和导航栏的功能，包括1各LABEL控件和5各超链接控件，LABEL控件显示登录用户相关信息，超链接控件包括相册相关的功能等连接。2后台代码介绍由于系统的所有页面都是母版页继承而来，而系统的页面GUSET和登录用户看到的是同一个页面，只是内容动态不一样而已，所以母版页根据不同的用户呈现不一样的界面，并且导航栏的链接也是动态的生成的，具体代码如下PROTECTEDVOIDPAGE_LOADOBJECTSENDER,EVENTARGSEUSERUSERNEWUSERIFPAGEISPOSTBACKINTUSERIDWEBHELPERGETCURRENTUSERIFUSERID0USERUSERIDUSERIDUSERGETUSERDETAILBYIDTHISHLCOMMENTNAVIGATEURL“MYCOMMENTASPXUSERID“USERIDTHISHLFAVORITENAVIGATEURL“MYFAVORIATEASPXUSERID“USERIDTHISHLINFONAVIGATEURL“MYINFOASPXUSERID“USERIDTHISHLPHOTONAVIGATEURL“MANAGEPHOTOASPXUSERID“USERIDIFWEBHELPERISADMINTHISLBLTITLETEXT“我的相册“ELSETHISLBLTITLETEXTUSERUSERNAMEIFSESSION“USERID“NULLTHISPLUSERVISIBLETRUETHISPLLOGINVISIBLEFALSETHISHLMYPHOTOVISIBLETRUETHISHLADDPHOTOVISIBLETRUETHISLBLUSERNAMETEXTSESSION“USERNAME“TOSTRINGTHISHLADDPHOTONAVIGATEURL“ADDPHOTOASPXUSERID“WEBHELPERGETLOGINUSERTHISHLMYPHOTONAVIGATEURL“MANAGEPHOTOASPXUSERID“WEBHELPERGETLOGINUSERELSETHISPLLOGINVISIBLETRUETHISPLUSERVISIBLEFALSETHISHLMYPHOTOVISIBLEFALSETHISHLADDPHOTOVISIBLEFALSEIFUSERID0第四章网站具体功能设计41前台管理界面系统前台的功能主要包括首页显示和用户注册登录功能，下面主要详细说明首页显示功能。首页显示的功能是将相册的目录按刘表显示出来，单击各个目录名或者目录图片可以进到该目录的详细页面，进而进入到该目录的各个照片页面，其界面如图33所示。图33网站首页该页面后台代码介绍如下，页面加载时首先运行PAGE_LOAD方法，在该方法中绑定相册目录列表，代码如下PROTECTEDVOIDPAGE_LOADOBJECTSENDER,EVENTARGSEIFPAGEISPOSTBACKDATATABLEDTCATALOGGETCATALOGLISTIFDTROWSCOUNT0THISDLCATALOGDATASOURCEDTTHISDLCATALOGDATABIND42用户登录界面用户登录界面是为了给已经注册的用户提供一个登录自己个人用户界面的一个功能。由于用户登录又分为普通注册用户登录和管理员登录。注册用户登录界面如图（34）所示、管理员登陆界面如图（35）所示图34用户登录该页面后台代码介绍如下，在用户名文本框中和密码文本框中填入相应的账号和密码，单击“登录”，如果账号和密码是正确的则登录成功，并且跳转的个人首页界面，如果填写的信息不正确或者想重新填写新用户名或密码，可以单击“重填按钮”。代码如下PROTECTEDVOIDBTNLOGIN_CLICKOBJECTSENDER,EVENTARGSEUSERUSERNEWUSERUSERLOGINTXTNAMETEXT,TXTPASSWORDTEXTIFUSERUSERID0SESSION“USERID“USERUSERIDSESSION“USERNAME“USERUSERNAMERESPONSEREDIRECT“MANAGEPHOTOASPXUSERID“USERUSERIDELSEWEBHELPERALERT“登录失败“如果登录的用户不是普通注册用户，而是管理远的话，需要单击“如果你是管理员请点这里”的提示，系统将会带你进入管理员登录界面。如图（35）图35管理员登陆该页面后台代码介绍如下，在用户名文本框中和密码文本框中填入相应的账号和密码，单击“登录”，如果账号和密码是正确的则登录成功，并且跳转的管理员界面，如果填写的信息不正确或者想重新填写新用户名或密码，可以单击“重填按钮”。代码如下PROTECTEDVOIDBTNLOGINMANAGE_CLICKOBJECTSENDER,EVENTARGSEMAMANEWMAMAMANAGELOGINTEXTBOX1TEXT,TEXTBOX2TEXTIFMAMANAGEID0SESSION“USERID“MAMANAGEIDSESSION“USERNAME“MAMANAGENAMERESPONSEREDIRECT“MANAGEASPXUSERID“MAMANAGEIDELSEWEBHELPERALERT“登录失败“如果自己不是管理员的话，可以单击“我不是管理员”跳转的普通注册用户登录界面，条状成功以后的界面如上图（34）所示。43用户注册界面用户注册功能主要是为了给想要注册成为被系统用户的个人准备的功能，单击网站上的“注册”按钮，页面跳转到用户注册界面，注册界面如图36所示图36用户注册界面在用户注册界面，正确填写相关的信息，如“用户名”、“密码”、“EMAIL”、“自我介绍”等信息，填写完毕，点击注册，注册成功以后页面会自动跳转到用户首页界面，后台代码如下PROTECTEDVOIDBTNREG_CLICKOBJECTSENDER,EVENTARGSEUSERUSERNEWUSERUSERUSERNAMETHISTXTNAMETEXTUSERPASSWORDTHISTXTPASSWORDTEXTUSEREMAILTHISTXTEMAILTEXTUSERINTROTHISTXTINTROTEXTUSERSAVESESSION“USERID“USERUSERIDSESSION“USERNAME“USERUSERNAMEWEBHELPERALERTANDREDIRECT“注册成功“,“MANAGEPHOTOASPXUSERID“USERUSERID44用户界面用户界面是用户对自己照片的全面管理的一个页面，在这个界面上首先会把用户的所有相册进行展示，用户可以看到自己的所有相册，此界面包含以下的功能上传照片、新建目录、查看相册、删除相册、查看收藏、产看评论、查看自己的资料、退出等功能；主要链接的页面有用户信息管理、照片管理、目录管理、上传照片、收藏管理、评论管理和照片详细显示等。441用户首页（/MANAGEPHOTOASPX）用户管理首页主要包括相册目录的列表和上传照片、新建目录的功能连接、如图37所示。图37用户首页1页面介绍页面包括一组按钮和一个DATALIST控件，一组按钮实现上传照片和新增目录功能，DATALIST控件实现调查列表的显示，页面代码如下/IFPAGEISPOSTBACKIFWEBHELPERISADMINTHISPLMANAGEVISIBLETRUE/STRINGUSERIDSESSION“USERID“TOSTRINGELSETHISPLMANAGEVISIBLEFALSEUSERUSERIDWEBHELPERGETCURRENTUSERDATATABLEDTUSERGETCATALOGLISTBYUSERIDIFDTROWSCOUNT0/绑定DATALISTTHISDLCATALOGDATASOURCEDTTHISDLCATALOGDATABINDELSETHISBTNUPLOADENABLEDFALSETHISLBLMESSAGETEXT“还没有目录，请先新建目录“442上传照片功能/UPLOADPHOTOASPX单击页面MANAGEPHOTOASPX中的“上传照片”按钮进入上传照片页面，该页面主要实现上传照片的功能，其界面如图38所示。图38上传照片界面1页面介绍从图38中可以看出，该页面主要包括一个DROPDOWNLIST控件、一个文本框和一个上传空间，DROPDOWNLIST控件绑定目录列表功能，文本框控件显示照片描述信息。2后台代码页面运行时首先加载PAGE_LOAD方法，在这个方法中条用业务逻辑层实现，绑定目录列表到DROPDOWNLIST空间上，代码如下PROTECTEDVOIDPAGE_LOADOBJECTSENDER,EVENTARGSEIFPAGEISPOSTBACKCOMMONFUNGETDDLSOURCEBYFILTER“CATALOGID“,“CATALOGNAME“,“ALBUM_CATALOG“,“WHEREUSERID“SESSION“USERID“TOSTRING“,DDLCATALOG单击“上传”按钮触发上传照片事件，具体过程是首先将照片重新命名并保存到服务器对应的目录，然后将照片的路径保存到数据库中，代码如下PROTECTEDVOIDBTNUPLOAD_CLICKOBJECTSENDER,EVENTARGSESTRINGFULLNAMEFUPHOTOFILENAMETOSTRINGSTRINGTYPFUPHOTOPOSTEDFILECONTENTTYPETOSTRINGSTRINGTYP2FULLNAMESUBSTRINGFULLNAMELASTINDEXOF“1STRINGSTRFILENAMEFULLNAMESUBSTRING0,FULLNAMELASTINDEXOF“COMMONFUNCONVERTNOWTOSTRING“TYP2STRINGSIZEFUPHOTOPOSTEDFILECONTENTLENGTHTOSTRINGIFTYP2“GIF“|TYP2“JPG“|TYP2“BMP“|TYP2“PNG“FUPHOTOSAVEASSERVERMAPPATH“UPLOAD“STRFILENAMEPHOTOFILESIZECONVERTTOINT32SIZEPHOTOCATALOGIDCONVERTTOINT32DDLCATALOGSELECTEDVALUEPHOTOPATHSTRFILENAMEPHOTOPHOTODESCTXTPHOTODESCTEXTPHOTOUSERIDCONVERTTOINT32SESSION“USERID“PHOTOSAVEWEBHELPERALERT“上传照片成功“443照片列表/MYPHOTOLISTASPX）该页面主要实现照片的列表显示、照片收藏和删除照片功能，删除照片的功能只有所有者和管理员才能操作，其界面图39所示。图39照片列表1页面介绍从图39中可以看出，该页面只包括一个DATALIST控件和一个BUTTON按钮，BUTTON按钮实现照片收藏的功能，DATALIST控件实现绑定照片列表的功能。2后台代码页面加载时首先运行PAGE_LOAD方法，在该方法中首先获取页面参数目录ID的值，然后根据目录ID绑定该目录下所有的照片到DATALIST控件，代码如下PROTECTEDVOIDPAGE_LOADOBJECTSENDER,EVENTARGSEIFPAGEISPOSTBACKSTRINGCATALOGIDREQUESTQUERYSTRING“CATALOGID“NULL“REQUESTQUERYSTRING“CATALOGID“PHOTOCATALOGIDCONVERTTOINT32CATALOGIDDATATABLEDTPHOTOGETPHOTOLISTBYCATALOGIDIFDTROWSCOUNT0/绑定DATALISTTHISDLPHOTODATASOURCEDTTHISDLPHOTODATABINDELSETHISLBLMESSAGETEXT“还没有照片“IFWEBHELPERGETLOGINUSER0THISBTNFAVORITEVISIBLETRUEELSETHISBTNFAVORITEVISIBLEFALSE登录用户可以单击“收藏”按钮实现目录收藏的功能，主要过程是将登录用户ID和目录ID新增到数据库中，代码如下PROTECTEDVOIDBTNFAVORITE_CLICKOBJECTSENDER,EVENTARGSESTRINGCATALOGIDREQUESTQUERYSTRING“CATALOGID“NULL“REQUESTQUERYSTRING“CATALOGID“FAVORITECATALOGIDCONVERTTOINT32CATALOGIDFAVORITEUSERIDWEBHELPERGETLOGINUSERFAVORITESAVEWEBHELPERALERT“收藏成功“相册所有者可以单击“删除”按钮实现删除照片的功能，主要过程是首先获取页面参数照片ID，其次通过照片ID获取照片保存的路径，然后在服务器上的照片文件，最后删除数据库的记录，代码如下STRINGPHOTOIDREQUESTQUERYSTRING“PHOTOID“NULL“REQUESTQUERYSTRING“PHOTOID“PHOTOPHOTOIDCONVERTTOINT32PHOTOIDPHOTOGETPHOTODETAILBYIDSTRINGPHOTOPATHSERVERMAPPATH“UPLOAD“PHOTOPATHTRYSYSTEMIOFILEDELETEPHOTOPATHPHOTODELETEWEBHELPERALERTANDREDIRECT“照片删除成功“,REQUESTURLREFERRERORIGINALSTRINGCATCHSYSTEMIOIOEXCEPTIONEXPTHROWEXP444照片详细显示/MYPHOTODETAILASPX该页面主要实现显示照片、该照片的评论列表，新发评论的功能，其界面如图310所示。图310照片详细显示（1）页面介绍从图36中可以看出，该页面包括3各部分上不是照片显示，中不是显示评论列表，下部是新发不评论部分。（2）后台代码后台代码包括3各部分显示照片信息、绑定评论列表和发表新评论。页面加载时首先执行PAGE_LOAD方法，在该方法中首先将照片都显示到页面上，然后绑定评论列表，具体代码如下PROTECTEDVOIDPAGE_LOADOBJECTSENDER,EVENTARGSEIFPAGEISPOSTBACKSTRINGPHOTOIDREQUESTQUERYSTRING“PHOTOID“NULL“REQUESTQUERYSTRING“PHOTOID“PHOTOPHOTOIDCONVERTTOINT32PHOTOIDPHOTOGETPHOTODETAILBYIDTHISIMGPHOTOIMAGEURLREQUESTAPPLICATIONPATH“/UPLOAD/“PHOTOPATHTHISLBLPHOTONAMETEXTPHOTOPHOTODESCSETCOMMENTBINDPHOTOIDIFWEBHELPERISADMINTHISBTNDELVISIBLETRUEELSETHISBTNDELVISIBLEFALSEPRIVATEVOIDSETCOMMENTBINDSTRINGPHOTOIDCOMMENTPHOTOIDCONVERTTOINT32PHO