694523572毕业设计（论文）在线像册的设计与实现.doc

《694523572毕业设计（论文）在线像册的设计与实现.doc》由会员分享，可在线阅读，更多相关《694523572毕业设计（论文）在线像册的设计与实现.doc（48页珍藏版）》请在三一办公上搜索。

1、 毕业设计（论文）题目： 在线像册的设计与实现 学生姓名： 学号： 专业：计算机科学与技术 班级：20061121指导教师： 评阅教师: 完成日期： 年 月 日 学位论文原创性声明本人郑重声明：所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果作品。本人完全意识到本声明的法律后果由本人承担。作者签名： 年 月 日 学位论文版权使用授权书本学位论文作者完全了解学校有关保障、使用学位论文的规定，同意学校保留并向有关学位论文管理部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权省级优秀学士

2、学位论文评选机构将本学位论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。本学位论文属于1、保密 ，在_年解密后适用本授权书。2、不保密 。（请在以上相应方框内打“”）作者签名： 年 月 日 导师签名： 年 月 日 目 录摘要V前言1第1章 绪论21.1系统开发的背景和意义21.2国内外发展状况21.3研究内容3第2章 选择平台与架构52.1 开发环境52.2 架构52.3 运行环境52.4本章小结5第3章 电子像册系统需求分析63.1可行性分析63.1.1系统总体目标63.1.2技术可行性分析63.1.3功能需求63.1.4性能需求63.2系

3、统总体结构63.2.1 系统总体结构73.2.2用例图73.3系统功能模块结构83.3.1相片管理模块83.3.2相册管理模块83.3.3用户管理模块93.3.4评论管理模块93.4数据库模块103.5 本章小结11第4章 系统实现124.1 注册用户登陆设计124.1.1 注册用户登陆界面的创建124.1.2 注册用户登陆界面124.1.3 实现过程134.2 未注册用户注册设计164.3 相册列表174.4添加相片204.6相片管理294.6.1修改相片294.6.2删除相片304.7 实现DAO层304.7.1 DAO组件的定义304.7.2实现DAO组件304.8数据库设计334.9系

4、统测试334.9.1 软件测试的目的334.9.2 各模块测试334.10 本章小结36绪论37参考文献39致谢40 在线像册的设计与实现学 生：指导教师： （三峡大学 计算机与信息学院）摘要：随着人们生活水平的逐步提高，旅游照相成了大家必不可少放松项目。虽然照片最后会存入到自己的电脑里，但是时间一长、照片一多，这些有着勾起回忆的“资料”，就会显得杂乱无章，即不方便欣赏，也不方便管理。而在线相册具有欣赏、传播方便，界面美观等特点，可以很好的管理所存入的照片，不失为最佳欣赏、保存照片的相册工具。在线相册系统平台也就应此应运而生。本系统是一种基于B/S架构的在线管理系统，它采用目前最流行的java

5、语言编写，用到了当今先进的技术如 jsp技术、基于JSP+Servlet+DAO模式在小型应用系统中式灵活并稳定的架构，是典型的基于MVC模式的架构。同时采用MVC框架技术也提高了系统的可维护性。系统分为：个人管理模块、相册管理模块、相片管理、评论管理模块。注：注册用户登陆后可以进行添加相册，上传，删除照片，修改资料等一系列操作。而如果是未注册用户只能查看相册中的内容，没有权力进行相应的修改。特别是上传相片、相册列表、相册管理、相片查看及评论管理等模块是在线相册系统的重点。关键词：JAVA；电子相册； MVC Abstract:As people gradually increase the

6、standard of living， travel photography has become essential to relax the project everyone. While the photos will eventually be deposited to your computer， but over time，more than one photo，which has brought back memories of the data，will be very chaotic， that is inconvenient to enjoy， not to facilit

7、ate management. Electronic album with appreciation，the spread of convenience，the interface appearance characteristics such as good management can be deposited in the photos， after all， enjoy the best， save a photo album tool. Electronic photo album will be the platform came into being. The system is

8、 based on B / S architecture online management system, it uses the most popular java language, used in todays advanced technologies such as jsp technology, based on JSP + Servlet + DAO patterns in small application flexibility and stability of Chinese The structure is a typical architecture based on

9、 MVC pattern. MVC framework while using technology to improve the maintainability of the system. System is divided into: personal management module, photo album management module, photo management, reviews management module. Note: Registered users can add the album after landing, upload, delete phot

10、os, edit data and a series of operations. If a non-registered users can only view the contents of the album, there is no power to make the appropriate changes. In particular, upload photos, album list, album management, photo view and comment management system module is the focus of online photo alb

11、ums Keywords: JAVA; Electron Photo Album; MVC前言相册在很早以前就开始有，原来是以纸质照片的形式的存在，后来随着时代的发展，科技的进步，旅游业的进步，照片越来越多，电脑的普及，传统的相册在使用人工进行管理，存在工作量大，各种多而复杂的文件信息占用大量地方，相册簿方便携带，不易保管，容易丢失，翻看时不方便等等问题。随着科技的进步，电脑时代的来临，加速了电子相册的产生与进步，在网络上，电子相册发展迅速，很多网站，博客都需要电子相册的功能，而随着微机的普及使用，人们生活质量的提升，越来越多的人选择旅游，此时会照大量的照片，对相册的需求都有了更高的要求，这就

12、要求传统的相册能够实现计算机化，让人们能方便快捷共享式的浏览照片。由于现在网络竞争激烈，人们对电子相册的要求不断提高，使得电子相册开发者必须以完善相册功能和质量来取悦于顾客，电脑的不断普及和软件业的飞速前进，使得人们拥有自己独特的电子相册成为可能，也成为必然。在现在生活质量不断提高的环境下，电子相册系统越来越贴近于用户，贴近于顾客。电子相册管理系统的存在也使网站拥有者获得了更多的用户。目前，虽然很多网站都有了相册功能，但是，这些系统都是针对性非常强，都是针对网站当前的状况而开发的，对现在应用来说还算可以，但对很多不需要关注该网站的用户来说有很多的局限性。很多用户只是需要一个电子相册功能，并不需

13、要什么博客网站等等，所以，他们需要的是一个独立的电子相册系统，用户能够在自己的电脑安装上电子相册系统，能够自己制作自己的电子相册，不受网站、博客提供商的约束。对此，我们针对现有相册功能，开发了适合多数用户使用的电子相册系统，在这个系统中，我们综合了原来旧式纸质相册的功能，又参考了很多具有相册功能的网站，博客空间，开发出具有自己特色的电子相册管理系统，这个系统可以实现注册用户对相册的上传删除修改等管理功能。整个系统我们要求功能完善，组织全面，具有可扩展性，能够针对一些报错事件可以做出反应的系统。第1章 绪论随着数码摄影时代的到来，不论是专业摄影师建立图片档案或是向他人展示自己的摄影作品，还是家庭

14、生活摄影，都需要电子相册来保管摄影作品。如同传统的照相簿，电子相册既有展示功能也有存储和管理功能。在线相册是现在时下最流行的一种网络元素，它可以应该在很多的领域，例如时下最流行的空间及博客就是大量的应该这一技术，而且受到大多数网友的认可及追捧，其以静态照片为素材(获得源方式为扫描仪扫描、数码相机所拍等)，配合动感的背景、前景和字幕等视频处理的特殊效果，配上音乐就可制作成电子相册。制作好的在线相册可以在电脑上，各类影碟机上，以及手机和MP4里都能观看，这是电子相册技术发展到今天的一个新的突破，即不再像传统那样，只能在电脑上或在影碟机上观看了，并且还可以通过手机将自己的个性化MTV发送给远方的亲朋

15、好友们分享。当然，如果考虑到长期保存的话，制作成电子相册光盘那是最好的选择啦，金碟可保存100多年之久，标准VCD、SVCD、DVD格式，兼容性好，通过影牒机即可与家人、朋友、客户观赏。若保存在硬盘上，也便于随时调阅、欣赏，永久保存。1.1 系统开发的背景和意义随着人们生活水平的逐步提高，旅游成了大家必不可少放松项目，每当笔者走到一个美丽的景点，就会忍不住拿起数码相机照上几张留做回忆。虽然照片最后会存入到自己的电脑里，但是时间一长、照片一多，这些有着勾起回忆的资料，就会显得杂乱无章，即不方便欣赏，也不方便管理。而在线相册具有欣赏、传播方便，界面美观等特点，可以很好的管理所存入的照片，不失为最佳

16、欣赏、保存照片的相册工具。另外随着数码相机、手机照相等功能的普及，想必每个人手上都储存了大量的电子相片，但这此照片如果不进行处理，仅仅以一张张图片的形式放置在电脑上，不仅 不易观赏，也不方便分类管理，是否有软件能将这些照片整理成一本本的相册呢？在线相册系统平台就是一款集相册制作、生成、浏览专业软件，有了它的帮助，制用相册再也不需要专业的技术，普通用户也可以在五分钟内制作出精美的在线相册，支持170余种照片显示特技，可以为相片加入文件注释及说明。1.2 国内外发展状况在线相册是现在时下最流行的一种网络元素，它可以应该在很多的领域，例如时下最流行的空间及博客就是大量的应该这一技术，而且受到大多数网

17、友的认可及追捧，其以静态照片为素材(获得源方式为扫描仪扫描、数码相机所拍等)，配合动感的背景、前景和字幕等视频处理的特殊效果，配上音乐就可制作成电子相册。制作好的电子相册可以在电脑上，各类影碟机上，以及手机和MP4里都能观看，这是在线相册技术发展到今天的一个新的突破，即不再象传统那样，只能在电脑上或在影碟机上观看了。并且还可以通过手机将自己的个性化MTV发送给远方的亲朋好友们分享。当然，如果考虑到长期保存的话，制作成电子相册光盘那是最好的选择啦，金碟可保存100多年之久，标准VCD、SVCD、DVD格式，兼容性好，通过影牒机即可与家人、朋友、客户观赏；若保存在硬盘上，也便于随时调阅、欣赏，永久

18、保存。1.3 研究内容在线相册系统是一种基于B/S架构的管理系统，它采用目前最流行的java语言编写，用到了当今先进的技术如 jsp技术、基于JSP+Servlet+DAO模式在小型应用系统中式灵活并稳定的架构，是典型的基于MVC模式的架构。同时采用MVC框架技术也提高了系统的可维护性。为了自己的发展，各个网站都开始寻求适合用户使用的电子相册系统，为此而开发的电子相册管理系统已经非常多，并且大部分都是从用户使用的角度出发，给用户的使用带来了很大的方便。本系统所研究的是从在线相册的管理到相册的生成等一系列的问题，大致分为：用户管理、相片分类、相册管理、相片的评论管理、个人信息，我的主页。 本文共

19、分5章，第1章是绪论，第2章介绍开发本系统所用到的相关技术，第3章是系统的需求分析及结构图，第4章是相册系统的系统实现，第5章是总结。各章节的研究内容如下：(1) 第1章主要介绍了选题的背景和意义，论述了系统的国内发展状况。(2) 第2章主要介绍了实现在线相册系统所用的软件和系统建设过程中使用的相关技术。(3) 第3章主要是在线相册系统的需求分析。(4) 第4章是系统的编码实现，从三层框架的实现，数据库的创建等方面介绍了系统的实现。(5) 第5章主要是此系统的的总结。第2章 选择平台与架构2.1 开发环境Myeclipse集成开发环境+MySQL5.5+Windows。2.2 架构在J2EE应

20、用中，基于JSP+Servlet+DAO模式在小型应用系统中式灵活并稳定的架构，是典型的基于MVC模式的架构。以JSP+Servlet+Service+DAO模式实现，即以JSP+JSTL+EL技术实现前端驶入显示层，以Servlet为页面导向控制层、Service为业务逻辑层并以DAO为数据库访问层来构建系统。2.3 运行环境本系统采用Tomcat5.5为服务器，以WindowsXP为在线相册系统的服务器，以目前流行的MySQL为数据库服务前。2.4本章小结在本章中主要介绍了软件开发时所用的开发工具和相关的技术，重点介绍了Java、J2EE平台和MVC结构等相关知识以。同时也详细介绍了JSP

21、的相关技术，运行环境及其开发工具。如果将该系统发布到流量比较大的网站中应用，则可以以Solaris为在线相册系统的服务器、以JBOSS为Web服务器，以MySQL为数据库服务器并安装在Linux上实现双机备份等稳定性和安全性来实现。第3章 电子像册系统需求分析3.1可行性分析3.1.1系统总体目标系统主要是为了给那些对照片管理感兴趣的朋友提供一个交流的平台，对有很多照片需要管理的朋友，你在这里可以进行注册成为会员，添加相片分类，上传自己的照片，也可以浏览别人的相册，还可以修改个人资料。非注册会员你可以浏览电子相册里别人的相片，同时可以对相片进行评论。3.1.2技术可行性分析这个电子相册是基于W

22、eb来开发的，主要运用JSP+Servlet+DAO模型在小型应用系统中灵活并稳定的框架结构，是典型的基于MVC模式的框架，以MySQL为后台数据库，采用Myeclipse集成开发环境。通过它来构建一个在线相册系统，实现在互联网上使用的网络相册的绝大部分功能，所以对于本系统在技术上是可以达到的。3.1.3功能需求本系统应该具有相片浏览、相片上传、评论相片、编辑、删除相片、用户注册、个人信息修改等功能。3.1.4性能需求设备需求：PC机，Windows98/2000/xp操作系统，tomcat服务器，采用Mysql数据库管理。3.2系统总体结构本系统所研究的是在线用户发布相片、将相片归类存放，并

23、允许其他在线网友欣赏及评论相片。系统的总体结构如下：（1）用户管理：用户已用户名及密码登陆注册，可修改密码。（2）相片分类：添加分类，删除分类，修改分类，并获取列表和分页（某个用户个人分类）。（3）相片管理：用户登录后能发布并删除、修改发布的相片。获取相片的列表和分页（某个用户某个分类中的相片），以缩略图及全图两种模式来显示选择的某张相片。（4）相片的评论管理：在线网友（登陆或游客）能欣赏相片并评论，相片的所有者及评论人能删除评论，获取评论的列表和分页。（5）上传及删除相片文件：使用JspSmartUpload组件来实现相片的上传并保存至Web服务器中。删除相片实现级联删除：即如果删除某个用户

24、的某个相片分类，则把此分类下的所有相片全部删除，以维护数据和文件系统的一致性。3.2.1 系统总体结构图 3-1 总体架构3.2.2用例图用例图就是把网站各个用户的动作分解一下，再用画图软件把它画出来。电子相册系统的角色之一是注册用户用例名称：用户登录 执行者：用户目的：完成注册用户登陆后的一系列操作的完整过程。（1）用户输入登录名，密码，系统识别用户信息的有效性；（2）对用户信息进行识别；（3）用户完成相册列表，新建相册修改资料等一系列操作；（4）退出系统。图 3-2 用例图3.3系统功能模块结构在线相册系统的目标是工在线用户发布相片、将相片归类存放，并允许其他在线网友欣赏及评论相片。在线相

25、册管理系统分为用户管理、相册管理模块、相片管理模块、评论管理模块。注：注册用户拥有全部操作权限，而如果是未注册用户只能查看相册中的内容，没有权力进行相应的修改。3.3.1相片管理模块(1) 业务描述：用户登录后能发布并删除、修改发布的相片。(2) 业务流程：用户可以浏览相关的相册的照片，获取相片的列表和分页（某个用户某个分类中的相片），以缩略图及全图两种模式来显示选择的某张相片，在该页面中用户可以根据自己的需要上传相应的图片，为图片取名、分类，提交后返回相册列表。(3) 输入数据：记录编号是自增列不显示在前台页面；图片名称、文件简介分别以文本框的形式展示在前台页面中，由用户输入；图片的上传以一

26、种数据流的形式出现，出现在前台的时候以一种需要用户点击选择的形式出现。(4) 角色说明：此功能主要由注册用户和非注册用户使用。3.3.2相册管理模块(1) 业务描述：新建相册，删除相册，修改相册，并获取列表和分页（某个用户个人分类）。(2) 业务流程：点击相册管理，进入相册管理的主界面根据提示输入相关的信息后选择提交，则可看到刚刚新添加的那个相册，然后可以根据自己的需要选择是的操作。 (3) 错误处理：在填写信息的过程中不允许有不被填写的栏目，系统会给出相应的提示。(4) 输入数据：由用户输入相应的数据信息。(5) 输出结果：其输出结果为在相册列表中给予相应的显示。(6) 角色说明：此功能主要

27、注册用户使用。3.3.3用户管理模块(1) 业务描述：用户以用户名及密码登陆 注册，可修改密码。对注册用户来讲，将自己的资料从后台数据库中读取出来然后根据用户的需要进行相应的修改，根据用户资料采集界面来采集相应的数据，根据这些数据来更新数据库中该用户的相应资料。如果是未注册的用户可根据提示进行注册。(2) 业务流程：用户登录后进入我的主页，可以浏览相册和最新10条相片评论信息，选择一相册进入可以浏览相册的整个相片，并查看选中相片的放大图以及对其的评论信息。同时还可以查看每条评论的详细信息。(3) 错误处理：在填写信息的过程中不允许有不被填写的栏目，系统会给出相应的提示。(4) 输入数据：由用户

28、输入相应的数据信息。(5) 输出结果：无(6) 角色说明：此功能主要注册用户使用。3.3.4评论管理模块(1) 业务描述：在线网友（登陆或游客）能欣赏相片并评论，相片的所有者及评论人能删除评论，获取评论的列表和分页。(2) 业务流程：进入评论管理界面，每页显示10条最新评论，包括评论人大名、所属照片名、评论时间和评论内容，并可以删除评论。点击所属照片名，查看详细信息，同时还可以发表新评论。(3) 错误处理：所有字段必须逐一给出相应的数据信息。(4) 输入数据：由用户输入相应的数据信息。(5) 输出结果：评论信息。(6) 角色说明：此功能主要注册用户使用。3.4数据库模块本系统中涉及的数据库主要

29、包括注册用户、相片分类、相片信息及评论信息。注册用户信息表保存在线相册系统的注册用户的基本信息，包括用户名、昵称、密码及注册时间等，如表3-1所示。表3-1 注册用户信息表（userInfo）名称类型含义说明useridInt(8)主键usernamevarchar(100)登录用户名not nullpasswordvarchar(100)用户密码nicknamevarchar(255)用户昵称addTimedatetime注册时间相片分类只有4个字段：即主键、分类名称、描述信息及所属的用户id。如表3-2。表3-2 相片分类信息（category）名称类型含义说明categoryridInt

30、(8)主键namevarchar(50)分类名称not nullmemovarchar(255)分类描述useridintr(8)所属用户id关联到userInfo表的userid相片信息表用于保存用户相片及其相关信息，包括相片标题、相片简介、相片上传时间、相片所属分类、相片保存的地址，以及相片的文件名。其中，相片保存的地址及文件名是附加信息：相片文件名是用来记录用户上传相片时原相片文件的名称，用于用户浏览或下载相片时让Web浏览器显示文件名，以供用户使用；文件类型信息指的是相片文件的格式类型，在显示相片时会用到。如表3-3。表3-3 相册信息表（photo）名称类型含义说明photoidIn

31、t(8)主键Titlevarchar(50)相片标题memovarchar(255)相片描述catrgroyidint(8)相片分类关联到category表的categoryidurlvarchar(100)相片保存地址pubTimedatetime相片上传或最新修改时间filenameintr(8)所属用户id评论信息表则是网络相册的一大特征，用于保存网友对相片的评论信息。一张相片可能会有多条评价信息，因此应该保存平困的相片id、评论时间、评论人的名称（或匿名）以评论的文字信息等。如表3-4。表3-4 评论信息表（comment）名称类型含义说明commentidInt(8)主键photoi

32、dInt(8)相片id关联到photo表的photoidaddnamevarchar(100)评论人姓名addTimedatetime评论时间commentVarchar(255)评论内容3.5 本章小结 本章详细描述了系统的体系结构，对系统进行了简单的可行性分析，确定了各子系统要完成的功能，详细介绍了系统的各个重要模块的需求，同时给出了各子功能系统流程图。，并初步得到了系统模型和功能模块划分，通过本章中描述的系统体系，接下来的任务是根据本章的叙述进行详细具体的设计实现。第4章 系统实现系统阶段的根本目标是确定应该怎样具体的实现所要求的系统，也就是说，经过这个阶段的设计工作，应该得出对目标系统

33、的精确描述，从而在编码阶段可以把这个描述直接翻译成某种程序设计语言书写的程序。本章主要实现了各个模块的具体功能。4.1 注册用户登陆设计注册用户登陆的界面设计要简洁明，登陆有一个主页面，首先进行的是验证，判断登陆者的权限，注册用户登陆界面如图4-1所示。图 4-1 注册用户登陆4.1.1 注册用户登陆界面的创建在页面表现上，采用CSS样式表的方式，用记事本编写一个css文件(style.css)，每个jsp页面都引入这个文件，这样当需要变更页面图片背景等静态属性时，就直接修改css文件，而无需对页面本身进行任何改动，大大提高效率，除此之外，本系统平台引入了现在网络上较为流行Ajax的验证码机，

34、也就是说注册用户除了给出用户名和密码外还要另再填入给出的验证码(这里的验证码是查看用户是否已存在)点击登陆才能以用户的身份进入在线相册的主界面。4.1.2 注册用户登陆界面注册用户进入时，其登陆成功界面如下：(这里以2006112103为用户名登陆举例)图 4-2 注册用户登陆设计思想：用户登录模块，该模块需要确认二部分信息，首先得确认系统用户的身份，是否存在该用户，其次，若该用户存在则判断用户的密码，两部分信息都正确则登陆到系统主页面。登陆界面是Web应用项目中的大门，它能让用户访问Web项目中的功能。4.1.3 实现过程在注册用户登陆的login.jsp界面中：LoginServlett.

35、javapackage jspbook.webalbum.servlet;public class LoginServlet extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet static final long serialVersionUID = 1L;public LoginServlet() super(); protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletE

36、xception, IOException / TODO Auto-generated method stubdoPost(request,response); protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException / TODO Auto-generated method stubServletEncoding.setEncoding(request, response);UserInfo userInfo=new

37、UserInfo();userInfo.setUsername(request.getParameter(username);userInfo.setPassword(request.getParameter(password);userInfo=UserInfoDAO.Login(userInfo);HttpSession session=request.getSession(); RequestDispatcher requestDispatcher=null;/response.getWriter().print(request.getQueryString();if(userInfo=

38、null)/设置返回路径和错误信息request.setAttribute(returnUrl, login.jsp);request.setAttribute(errorMessage, 帐号或者密码不正确！);requestDispatcher=request.getRequestDispatcher(error.jsp);/ServletContext sc=this.getServletContext().setAttribute(, arg1)response.getWriter().print(request.getRequestURI();elsesession.setAttri

39、bute(userInfo, userInfo);requestDispatcher=request.getRequestDispatcher(GetDefaultInfo?userId=+userInfo.getUserid();requestDispatcher.forward(request, response); 从上面的代码可以看出如果返回的是真值也就是说验证正确的话会跳转到LoginServlet。在LoginServlet的doPost（）中首先设置编码格式为”GB2312”,然后去的login.jsp中username和password的输入信息，并通过UserInfoDAO的

40、Login（）方法来验证登录用户是否已经注册并核对密码信息。如果返回的UserInfo对象不为空，这表示验证成功。把页面控制给url为/GetDefaultInfo,并附上userid的request信息。 GetDefaultInfo目的是在想系统主页面中显示相片的用户信息、所有相片的分类信息、每个相册的相片数目以及最新评论信息等关键信息。因此在doPost（）方法中，首先从request中得到登录相册的当前用户的userid，把查询到的userInfo对象保存在request范围中共JSP调用并通过userid查询该用户的所有相册集相册数目。然后把查询到的最新的10条评论信息保存到List

41、中，并把这些信息保存到request中以供JSP页面显示。 通过其中粗体表示的div class可以知道该JSP主要实现显示用户信息、最新评论及用户的相册。其中使用JSTL中的元素来迭代commentList及categoryList，并且使用EL语句来显示各项内容。在本系统的web.xml文件中我们定义了各个Servlet的相关信息，包括Servlet的名称、类路径及url映射名。在JSP及访问木椅Servlet是，均要使用此Servlet的url映射名。由映射名找到Servlet的类路径，从而导向至Servlet。在JSP页面中，使用了一些公共的方法，这些方法定义在WebAlbum/Web

42、Root/js/adjax.js及common.js中另外有关jsp的布局类定义在WebAlbun/WebRoot/css/style.css中。4.2 未注册用户注册设计未注册用户登陆的界面设计要简洁明，注册有一个主页面，首先进行的是填写注册信息，然后进行提交操作。图 4-3 未注册用户注册验证用户JavaScriptfunction changeFieldToQueryString(formName,fieldName)var args=;var form=document.formsformName;args=form.elementsfieldName.name+=+form.elem

43、entsfieldName.value;return args;/-将表单上某个字段的值发送到服务器端，并返回结果function sendFieldToServer(formName,fieldName,servletName)sendMessageToServer(servletName,changeFieldToQueryString(formName,fieldName);未注册用户注册界面的创建在页面表现上，采用CSS样式表的方式，用记事本编写一个css文件(style.css)，每个jsp页面都引入这个文件，这样当需要变更页面图片背景等静态属性时，就直接修改css文件，而无需对页面

44、本身进行任何改动，大大提高效率。该模块完成用户注册的过程，用户注册后才能完成图书订阅等功能。流程分析本模块包含二个文件，addUser.jsp完成用户注册信息录入；david.js完成检查数据的可靠性，符合要求的数据写入userinfo数据表。在这个模块里，用户可以输入“用户名”，“昵称”，“密码”，“重复密码”，然后单击“注册”按钮提交注册信息，如果注册所用的用户名已经存在于数据库中，系统会报错。如果用户数据的“新密码”和“新密码确认”内容不一致，系统也会报错。用户一旦通过注册。就在数据库中存储了该用户的注册信息，该用户就可以凭此信息进行登录。4.3 相册列表添加相册的界面设计要简洁明，添加相册有一个主页面，首先要进行相应的数据输入，然后提交操作相册列表有两种方式,一种是通过 defaultInfo.jsp主页面中的分类列表或“相册管理”来竟如相应相册的相片列表：另一种是直接竟如“相片管理”来列出所有的相片列表。下面好似几个主要的Servlet使命。（1）GetCategoriseServlet.java：去的登录用户的相册，并把页面导向至categoryList.jsp，即“相册管理”页面。（2）GetPhotoServlet.java：取得用户的所有相册并实现分页功能，把页面导向至photoList.jsp，即“相片管理”页面。如图4-4