网络相册系统的设计与实现.docx

毕业论文设计论文题目：网络相册系统的设计与实现学生姓名：XXX学号：XXXXXXXXXX所在院系：计算机与信息工程系专业名称：计算机科学与技术届次：2013届指导教师：XXX目录前言21<½21. I研究背.景21.2 研究目的与意义21.3 现状研究2国内外研究现状2软件现状32关键技术32. 1理论支持32. 2开发工具及环境配置42.2 相关技术43系统分析与设计52.3 系统分析53. 2功能设计53. 3数据库设计54系统实现64. 1网站首页的设计6功能描述6界面设计6工作潦程和代码74. 2登陆页面8功能描述84.2.2界面设计8工作流程和代码设计94.3相册主页面10功能描述10界面设计104.4创立相册页面101.1.1 4.1功能描述101.1.2 界面设计101.1.3 工作流程和代码114.5上传页面121. 5.I功能描述124. 5.2界面设计125. 5.3工作流程和代码124.6 用户新注册页面134. 6.I功能描述135. 设计136. 6.3工作流程和代码144.7 修改密码页面154. 7.1功能描述15界面设计154.7.3工作流程和编程代码154.8 找回密码页面16功能描述16界面设计164.9 浏览照片页面16功能描述16界面设计174.9.3工作流程和代码17结论18叁考文献18网络相册系统的设计与实现学生:XXX(指导老师：XXX)(XXXX学院计算机与信息工程系)摘要:为了能与远方的亲友分享照片，也为了永久保存照片，需要引进网络相册技术相图片上传至网络以便更好地保存和共享。本论文使用了SP.NET编程并结合JAVA数据峰编程技术实现了对网站照片的存储调用的功能“本网站可以实现的主要功能有对网站进行注册账号登陆、创立相册、上传照片以及对照片的编辑浏览。在这次设计中还是存在很多缺乏，某些功能的完整性和实用性有所欠缺，且编码过程中不易F代码修改，这几点我会在今后的开发和研究的过程中不断去完善。关键词：ASP.NET：ACCeSS数据库：网络相册系统：网站TheDesignandImp1.ementationofWebA1.bumsStudent:XXX(FacuhyAdviser：XXX)(ComputerandInformationEngineer,XXIUniversity)Abstract:Inordertosharephotoswithfriendsandfami1.y,buta1.soforthepermanentpreservationofphotoa1.bum,needtheintroductionofnetworktechno1.ogyWi1.1.pictureup1.oadedtothenetworkinordertosaveandshare.Inthispaper,theUSCofASP.NETprogrammingandimp1.ementationofstorageca1.1.edonwebsitephotographcombinesthefunctionsofdatabase1.inktechno1.ogy.T1.iemainfunctionofthiswebsitecanbeachievedonthesiteregisteredaccount1.ogin,createa1.bums,up1.oadphotosandphotoeditorview.I1.ierearesti1.1.a1.otofPrObICmSinthisdesign,somefunctiona1.integrityandpracticabi1.ityisdeficient,andtheencodingprocessisnoteasytomodifythecode.Iamgoingtoimproveconstant1.yintheProCeSSofresearchanddeve1.opmentinthefutureofthesepoints.Keywords:SRNE;accessdatabase;weba1.bums：websiteX-A-刖百随着电脑的普及，我们可以把照片和图片存在电脑里，也可以随时欣赏，代替了人们朝阅本本厚重的相册集。如果存放照片的文件夹中了病毒或打不小心电脑硬盘坏掉的时候，如果我们之前没有对相片进行符份那我们肯定会为丧失的照片而伤心。如果我们把照片传到网上的平台，那么我们的照片既不会丧失也能够永久保存了。从这些保存照片方法上的缺乏之处，我就决定研究如何来制作个网络相册。它能够永久保存大量的图片，从而防止了照片的丧失，且方便了人们对照片的管理。1概述1.1 研究背景大概在十几年前，国内外100万像素的数码相机售价十分昂货，而今天像这样100万像素的相机甚至远远超过100万像素的数码相机到处都是，现在我们大多数人手里的也根本上超过100万像素，随着这些像素越来越i的拍照设备的快速开展，我们关心的问题更多地是如何管理自己的照片，让远方的家人和朋友一起分享自己大量的照片。现在电脑越来越普及了，计克机技术也在不断的开展,人们关于电脑方面的学习生活工作都多姿多彩了。以前，人们思念过去总会捧起老相册翻翻，现在，我们可以把照片存储在电脑里，也可以随时观看。电脑里存放的照片有时候会中揖，仃时候也会误删，所以存在照片丧失的危险0从这些保存照片方法上的缺乏之处，我就决定研究如何来制作一个网络相册。它能够永久保存大量的图片，从而防止了照片丧失的问题也方便了人们对照片的管理。1.2 册究目的与意义研尢的目的是为了永久保存照片和共享照片。这种网络相册的开发与设计改变了传统相册的易受潮易变型的缺陷，并且这种网络相册更便于远在外地的亲人朋友分享照片带来的快乐。1.3现状研究国内外研究现状目前国外比拟流行的网络相册有SmUgMUg,F1.ickr,Picasa。SnIUgMUg适合各种类型的照片分享，Snn1.gNUg的缺陷是这个网站只可免费试用十四天，以后都是付费的，J1.没有免费的账号。每账号每年都要付费，而且高清的大照片对主机的性能有较高要求。F1.iCkr原打算原目标是打算开展成一个游戏截图共享网站，但是后来却开展成一个成熟的社会化照片共享网站，之后被雅虎收购，但限制照片显示数量，而付券的账户那么没有限制。PiCaSa到06年推出照片共享，免钳的PiCaSa网络相册帐户有免资的存储空间，照片过多的用户需要购置超出的存储空间.以上这三种网络相册在国内访问速度慢而且有时会无法显示，国内用户经常使用的有网易相册，百度相册，qq空间相册等。网易功能齐全，是中国相册的领跑者。它最好的优点就是不压缩图片，图片可以高保真的保存和共享。qq相册某些功能需要参加黄钻才能使用，比方个性相册，也就是间接付费的。百度相册主要是为空间提供的附属产品。软件现状目前国内外的大局部网络相册结构类似，功能也比拟丰富，也有存在缺乏之处，比方说存储空间是有限定的，局部付费功能不能免费使用，所以具有一定的局限性。2关键技术1. 1理论支持本网站设计的照片共享原理是通过连接到互联网络的主机访问本网站的网址进行信息的访问从而到达照片共享的目的。本网站的用户无论在那个地方，只要连接的网络访问本网站登录进入系统就可以实现对相册照片的管理和维护.以上原理如图1所示，图中的大圆圈衣示互联网络，两台电脑的图形表示连接到互联网络的不同位餐的两台主机，用户可以从这两台中的台甚至是任何地方的任何台联网的电脑上进入本网站自操作系统：Windov*XP操作系统数据库效劳器：ACCCSS数据库Web效劳器：TOmCa1.开发工具:Myec1.ipse2. 3相关技术主要采用ASRNET、HTM1.编程，JAVA数据库编程等技术.，ASPNET是基于通用语言的编译运行的程序，这种技术适应性很强，可以使它几乎可以运行在Web应用软件的任何平台上。通用语言的根本库，消息机制，数据接口的处理都可以整合到ASRNET的Web应用中.ASRNET的语言独立化，所以可以选择一种最适合自C1.的语言来编写程序，也可以用多种语言来写程序。C#.VB.JSCriPt.C+这些多种程序语言协同工作保护基于CoM+开发的程序，都可以完整的移植向ASP.NET,ASRNET是一种建立在通用语言上的程序构架，能被用于一台Web效劳耦来建立强大的Web应用程序。asp.nct编程技术还存在许多比目前Web开发模式还要强大的优势.ASRNET使运行表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。编辑本段可管理性ASP.NET使用种字符根底的，分级的配置系统，虚拟效劳器环境和应用程序的设置更加简单.一个ASRNET的应用程序的安装只需要拷贝一些文件，不需要重启系统。超级文本标记语言缩写为HTM1.,是标潴通用标记语言下的个应用，也是种标准和一种标准，通过标记符号来标记要显示的网页中的各个局部。在网页这个文本文件中添加标记符，让浏览器处理和显示其中的内容，包括文字的处理，画面的安排，图片的显示等.HTM1.文档制作不太复杂，功能强大，支持各种文件的镣入，该技术主要有三个主要特点：简易性、可扩展性、平台无关性。JAVA数据库编程是一种面向对象的一种数据库编程，采用JAvA数据库编程技术的优势是其语言简单，编写容易，语法简单，且执行环境与使用平台无关，同时JAVA的类库封装了不同平台上的实现。这种语言的编程技术具有分布式和健壮性的特点，防止了程序员无心的错误和恶意攻击，而且我平安性很好，具有防范各种病毒袭击的能力。3系统分析与设计3.1系统分析-、RIJ网站*1.注册登录创立相册上传照片修改/找回理码浏览;编辑图片图2总体结构设计布局图3. 2功能设计1 .注册登陆进入网站之后没有注册的用户首先要注册自己独立的账号和密码才能进入效劳器对照片进行管理。已注册的用户可直接从首页登录进入自己的相册主页。2 .创立相册创立相册的功能为用户对照片分类管理提供了便利。3 .上传图片网络相册的照片需要通过上传功能将图片传至自己的相册中。4 .修改/找回密码用户为了让自己的相册更具保密性，可以通过修改登录密码实现：通过用户注册的时候填写的密保问题和答案来找回忘记的密码。5 .浏览/编辑图片通过“我的相册”、“第一个“、“上一个”、“下一个”和“最后一个”功能方便用户浏览编辑照片，加快用户对照片的管理速度。编辑图片是对图片名称进行更改，对图片进行删除.3. 3数据库设计数据库的设计本网站系统最为核心的一局部,通过它，用户上传的照片都会存储到数据库内，用户访问相册和照片也是通过调用数据库的数据实现的,如表2,表3,表4所示。用户登录和注册的信息都是以表的形式存储在数据库中，如表I所示。所有的表会汇总在一个表中，如表O所示。表O数据库表汇总序号Tab1.e名称说明IUscr用户表2A1.bum-type相册类型3Uscr_a1.bum用户相册关系4Phou>照片表表1用户表user字段名称类型主键Nu1.1.Defau1.t说明IiSeJrUIjnechart20)NNoi无用户名USeJPWdchart20)NNot无用户密码UA-idchar(10)YNot无用户与相册关系编码表2相册类型aIbuejtypc字段名称类型主键Nu1.1.Defau1.t说明a1.buin_iype_idChart5)YNo1.无相册类型貌码a1.bum_typc_namcchart20)NNo1.无相册类型名表3用户与相册关系表USera1.bIIn字段名称类型主键Nu1.1.Defau1.t说明UAJdchar(IO)NNot无相册类型编号a1.bum_idchar(10)YNot无相册编号a1.bum_namcchar(20)NNot无相册名称a1.bum_type_idchart5)NNot无相册类型端码newjinechart20)NNo1.SysdaieO相册建立时间表4K片表photos字段名称类型主键Nu1.1.Defau1.t说明pho1.o_idchart10)YNo1.无照片输号a1.bn-idchar(10)NNot无相册编号pboto_namcchar(20)NNot无照片名称photoMcdiab1.obNNot无照片文件4系统实现4.1网站首页的设计功能描述网站首页显示网站的整体风貌，可以转入登录页面、注册页面和找IC1.密码页面.IfDropDown1.ist1.Text<>""Thenbstr="se1.ectcata1.og_idfromcata1.ogwherecata1.og-id三'"&DropDown1.ist1."Iext&obj.BindingsDa1.aSci("cata1.og",bstr)str="insertintophotos(phototit1.c,photopath,photodcsc,catcid.scrid.timc)va1.ucs(,"&TextBox1.fIext&"V"&c&",m&TextBox2.Text&二"&cataid&'"&Session("userid")&&Sysiem-DateTime-Now&"')"a=ObjJnscrtData(Str)astr="updatephotossetphototit1.e='"&TcxtBox1.Text&",.photodesc='"&TextBox2.Texi&",wherephotojd="&SessionCphotoid")&""obj.UpdatcData(astr)MSgBoX("保存成功")Me.Response.Redireci("hotos.aspx")4.6用户新注册页面功能描述用户注册页面,输入用户根本信息后点击“立即注册”弹出“注册成功”提示，数据库内就会添加一个刚刚注册好的账号密码以及时应的用户信息。然后提示返回网站首页进行登录。如果注册信息不合法，给出相应提示信息。点击“重新填写”，清空本页所以输入的内容，光标定位在第一个文本框“其中“密保问题”和“密保答案”的设置，是为了用户忘记密码提供的一种找回密码的渠道，这样设计解决了忘记密码而无法登录的问题。4. 6.2界面设计本界面的设计包含了多个1.abe1.,例如“用户名称“、“密码”、“确认密码”、“性别”等这些提示用户要填的信息。还包含J'多个TeXtFiCId供用户输入用户名、密码、电子EndIf4. 7修改密码页面功能描述输入两次密码点击确定修改成功，返回首页。不输入密码或者两次密码输入不一致,前端控件验证提示“密码不能为空”或者“两次辘入密码不致工4. 7.2界面设计本界面设置5个1inkbutton控件，连接到其他页面。设置6个1.abe1.,3个textbox用来输入信息，其中当前用户的用户名用IabC1.显示，不可写入：设段1个button用来确定修改密码。界面运行如图9：6，MrMU3如BCR1M4Iiucait、“a.IS9修改密码页面工作流程和编程代码修改密码页面，用户名的文本框默认为当前用户，并且不可输入，卜面输入密码文本框输入两次新密码，点击button“确定”，密码修改成功，button”取消”取消此次操作，错误显示相应提示，不返回后端验证，核心代码如下：ProtectedSubButtonI_C1.ick(ByVaIsenderAsObject.ByVaIcAsSystem.EvcntArgs)Hand1.esButton1.CIickDimstrAsStringstr="updateuscr1.nfosetpassword='"&TextBox2.Tcxt&""'obj.UpdatcData(str)Me.Response.Redirect("Defau1.t.aspx")EndSub4.8 找回密码页面功能描述首先用户需要输入用户名，再通过输入密保答案来用来找回忘记的密码。密保答案正确可以找回原来的密码并给予提示，同时提供buuon供用户返回首贞登录，密保答案错误给出相应提示且返回重新输入密保答案。界面设计界面中都包含表格，1.abe1.对象有“找回密码”、“请输入您的用户名：“、“密保间密：二“答案"等，text反IdS对象用户供用户输入用户名和密保答案。该界面还包含两个botion“确定”和“返回首页登录”.U用户名：svj3561S3161.三rt,我的真实姓名什么？答X：三a用QajMS3te恭喜您回答正醐！击码；happy1.1.i遑回苜贞登氽|图10找回密码界面变化图4.9 浏览照片页面功能描述本页面主要实现的是对某个相册中照片的浏览功能，具体包括返回到相册主页，“上一个，、“下一个”设置了超级链接的标签可以实现对照片上下翻页，“第一个”“最后一个''标签分别可以快速翻开该相册第一张和最后张照片。点击“删除”可以删除当前翻开的照片。界面设计点击“相册主页面”中的某个相册封面进入该页，本界面中包含多个IabC1.对象给用户提供提示信息，用1.ist对象存放已建立的相册名称。最大的IabC1.对象显示当前相册下的图片名称.每个对照片操作的标签都设置超级链接，图像域用下显示相册中己经工作流程和代码此页面为图片展示的主要页面，登砧用户可点击“上一个”“下一个”可连接到此相册卜的上1张图片，并且显示在页面上，点击“点击“第一个”，“最后一个”，“上一个，“下一个”翻页观察照片。点击“删除”,可以删除当前图片,核心代码如下：“上一个”代码如下：ProtectedSub1.inkBU1.ton8_CIiCk(ByVa1.senderAsObject.ByVaIcAsSystem.EventArgs)Hand1.es1.inkBuitonS.C1.ickDimsirAsStringDimbstrAsStringstr="se1.ectcata1.og.cata1.ogname,userinfb.usernane,caa1.og.useridfromcata1.og.uscrinfowherecata1.og.uscrid=uscr1.nfo.uscridandcata1.og-id="&ScssionCid")&""bstr="se1.ectphototit1.e,photopath.photodesc.tinie.photo-idfromphotoswhereCatCid="&SeSSion("id")&""obj.BindingsDataSct("tab1.c".str)obj.BindingsDataSct("photo",bstr)Scssion("i")=obj.ds.Tab1.cs("phto").Rows.Count-IEIscIfobj.ds.Tab1.cs("photo").Rows.Count=IThenSession(',i")=1EndIfIfSession("i")=0IhenSession("i")=obj.ds.Tab1.es("photo").Rows.CountEndIfSessionCi")=Session("i")-1用session记录dataset的当前状态，然后用count来计算上下笔的位冏结论本人设计的网络相册实现了照片的上传，下栽等根本电子相珊应具备的功能,进入该网络相册要使用其功能首先需要注册一个账号和这个账号对应的密码.然后通过用户名和密码登录进去,为J'增加平安性，本设计还具有修改密码的功能.然后，还需耍创立相册。在本网络相册的设计过程中，整个网站功能与数据流程的总体设计很重要。首先应当要好前期丰南的准备工作，才能顺利继续后面的设计。要合理的分析功能模块之间的联系，合理分析数据之间的流程和关系，并将功能模块和数据有机的结合起来。只有前期的总体设计做好了，后期工作才能更好地进行。否那么后期的开发都不可能到达完善。参考文献：1神龙工作室.DrCamWaVer8中文版完全自学教程M.北京：人民邮电出版社，2007:1.2神龙工作室.Dreamwaver8中文版商业网站设计入门与提高用.北京：人民邮电出版社,2006:11.3：戢谊，张军，王佩楷等.ASP动态网站设计经典案例KJ.北京：机械工业出版社，2005:8（2006:4）.4庄王健.网页设计三剑客白金教程M.北京：电子工业出版社,2007:5.5丛45编委会主编.网页设计制作一一网页三剑客8中文版M.北京：清华大学出版社，2006:9.6李新,王海波.网页制作技术教程M.北京:中国电力出版社，2007.7叶汉华，程永灵.ASP.NET网页制作教程M.北京：冶金工业出版社，2004.8詹青龙,郭永灿.网页设计与制作W1.北京:清华大学出版社，2010.9方容,刁仁宏,吴四九.网络数据库原理及应用M.成都:四川大学出版社，2005:2.10吉根林，崔海原.ASP.NET程序设计教程M.北京：电子工业出版社，2004.11张海藩.软件工程导论（第四版）M1.北京：清华大学出版社，2003.12张庆华.ASP.NET2.0完全自学手册M.北京：机械工业出版社，2007.13龙马工作室.ASP+SQ1.SCrVer组建动态网站实例精讲M.北京：人民邮电出版社，2004.041鲁宏伟,汪原祥.多媒体计算机技术（第2版）M.北京:人民邮电出版社，祥04.15唐建平ASP动态网页程序设计与制作实训教程（第2版）M北京:机械工业出版社,2011:6.致谢本文从立题到最终定稿的整个过程中，我的指导老师孙妍姑老师给了我很大的鼓励和楮助。老帅传授了我论文方面的很多知识，帮助我改良研究和学习方法，还帮助我解决论文设计初期的何侬，孙老师还不断锻炼我的创新能力和转变更换我传统的思维模式，这对我顺利完成这次论文具有重大意义为。孙老师让我开拓了视野,学到了更多的知识，对我以后工作和学习都有很大帮助,孙老师敏槌的思维和坚持不懈的探索精神是值得我永远学习的。本次论文的没一点进步都表达了老师的心血，在这里我想发自肺腮的对孙妍姑老册说一声“谢谢您”！