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

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

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

2、印件和电子版，允许论文被查阅和借阅。 本人授权省级优秀学士学位论文评选机构将本学位论文的全部或部分内容编入有关数 据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。 本学位论文属于 1、保密 ，在_年解密后适用本授权书。 2、不保密 。 （请在以上相应方框内打“” ） 作者签名： 年 月 日 导师签名： 年 月 日 目 录 摘要.V 前言.1 第 1 章 绪论.2 1.1 系统开发的背景和意义2 1.2 国内外发展状况2 1.3 研究内容3 第 2 章 选择平台与架构.5 2.1 开发环境 5 2.2 架构 5 2.3 运行环境 5 2.4 本章小结 5 第 3 章 电子像

3、册系统需求分析6 3.1 可行性分析 6 3.1.1 系统总体目标.6 3.1.2 技术可行性分析.6 3.1.3 功能需求.6 3.1.4 性能需求.6 3.2 系统总体结构 6 3.2.1 系统总体结构 7 3.2.2 用例图.7 3.3 系统功能模块结构 8 3.3.1 相片管理模块.8 3.3.2 相册管理模块.8 3.3.3 用户管理模块.9 3.3.4 评论管理模块.9 3.4 数据库模块 .10 3.5 本章小结 .11 第 4 章 系统实现.12 4.1 注册用户登陆设计 .12 4.1.1 注册用户登陆界面的创建 .12 4.1.2 注册用户登陆界面 .12 4.1.3 实现

4、过程 .13 4.2 未注册用户注册设计 .16 4.3 相册列表 .17 4.4 添加相片 .20 4.6 相片管理 .29 4.6.1 修改相片29 4.6.2 删除相片30 4.7 实现 DAO 层 .30 4.7.1 DAO 组件的定义.30 4.7.2 实现 DAO 组件30 4.8 数据库设计 .33 4.9 系统测试 .33 4.9.1 软件测试的目的 .33 4.9.2 各模块测试 .33 4.10 本章小结 36 绪论37 参考文献.39 致谢40 在线像册的设计与实现在线像册的设计与实现 学 生： 指导教师： （三峡大学 计算机与信息学院） 摘要摘要：随着人们生活水平的逐步

5、提高，旅游照相成了大家必不可少放松项 目。虽然照片最后会存入到自己的电脑里，但是时间一长、照片一多，这 些有着勾起回忆的“资料” ，就会显得杂乱无章，即不方便欣赏，也不方便 管理。而在线相册具有欣赏、传播方便，界面美观等特点，可以很好的管 理所存入的照片，不失为最佳欣赏、保存照片的相册工具。在线相册系统 平台也就应此应运而生。 本系统是一种基于 B/S 架构的在线管理系统，它采用目前最流行的 java 语言编写，用到了当今先进的技术如 jsp 技术、基于 JSP+Servlet+DAO 模式在小型应用系统中式灵活并稳定的架构，是典型的 基于 MVC 模式的架构。同时采用 MVC 框架技术也提高

6、了系统的可维护性。 系统分为：个人管理模块、相册管理模块、相片管理、评论管理模块。 注：注册用户登陆后可以进行添加相册，上传，删除照片，修改资料等一 系列操作。而如果是未注册用户只能查看相册中的内容，没有权力进行相 应的修改。特别是上传相片、相册列表、相册管理、相片查看及评论管理 等模块是在线相册系统的重点。 关键词：关键词：JAVA；电子相册； MVC Abstract:As people gradually increase the standard of living， travel photography has become essential to relax the projec

7、t 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 facilitate management. Electronic album with appreciation，the spread of convenience，

8、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 based on B / S architecture online management system, it uses the most popul

9、ar 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 MVC pattern. MVC framework while using technology to improve the maintainabi

10、lity 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 photos, edit data and a series of operations. If a non-registered users can only

11、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 albums Keywords: JAVA; Electron Photo Album; MVC 1 前言前言 相册在很早以前就开始有，原来是以纸质照片的形式的

12、存在，后来随着 时代的发展，科技的进步，旅游业的进步，照片越来越多，电脑的普及，传 统的相册在使用人工进行管理，存在工作量大，各种多而复杂的文件信息占 用大量地方，相册簿方便携带，不易保管，容易丢失，翻看时不方便等等问 题。 随着科技的进步，电脑时代的来临，加速了电子相册的产生与进步，在 网络上，电子相册发展迅速，很多网站，博客都需要电子相册的功能，而随 着微机的普及使用，人们生活质量的提升，越来越多的人选择旅游，此时会 照大量的照片，对相册的需求都有了更高的要求，这就要求传统的相册能够 实现计算机化，让人们能方便快捷共享式的浏览照片。 由于现在网络竞争激烈，人们对电子相册的要求不断提高，使得

13、电子相 册开发者必须以完善相册功能和质量来取悦于顾客，电脑的不断普及和软件 业的飞速前进，使得人们拥有自己独特的电子相册成为可能，也成为必然。 在现在生活质量不断提高的环境下，电子相册系统越来越贴近于用户，贴近 于顾客。电子相册管理系统的存在也使网站拥有者获得了更多的用户。 目前，虽然很多网站都有了相册功能，但是，这些系统都是针对性非常 强，都是针对网站当前的状况而开发的，对现在应用来说还算可以，但对很 多不需要关注该网站的用户来说有很多的局限性。很多用户只是需要一个电 子相册功能，并不需要什么博客网站等等，所以，他们需要的是一个独立的 电子相册系统，用户能够在自己的电脑安装上电子相册系统，能

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

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

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

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

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

19、兼容性好，通过影牒机即可与家人、 朋友、客户观赏；若保存在硬盘上，也便于随时调阅、欣赏，永久保存。 1.31.3 研究内容研究内容 在线相册系统是一种基于 B/S 架构的管理系统，它采用目前最流行的 java 语言编写，用到了当今先进的技术如 jsp 技术、基于 JSP+Servlet+DAO 模式在小型应用系统中式灵活并稳定的架构，是典型的基于 MVC 模式的架 构。同时采用 MVC 框架技术也提高了系统的可维护性。为了自己的发展， 各个网站都开始寻求适合用户使用的电子相册系统，为此而开发的电子相册 管理系统已经非常多，并且大部分都是从用户使用的角度出发，给用户的使 用带来了很大的方便。本系

20、统所研究的是从在线相册的管理到相册的生成等 一系列的问题，大致分为：用户管理、相片分类、相册管理、相片的评论管 理、个人信息，我的主页。 本文共分 5 章，第 1 章是绪论，第 2 章介绍开发本系统所用到的相关技 术，第 3 章是系统的需求分析及结构图，第 4 章是相册系统的系统实现，第 5 章是总结。各章节的研究内容如下： (1) 第 1 章主要介绍了选题的背景和意义，论述了系统的国内发展状况。 (2) 第 2 章主要介绍了实现在线相册系统所用的软件和系统建设过程中 使用的相关技术。 (3) 第 3 章主要是在线相册系统的需求分析。 (4) 第 4 章是系统的编码实现，从三层框架的实现，数据

21、库的创建等方 面介绍了系统的实现。 (5) 第 5 章主要是此系统的的总结。 第 2 章 程序技术相关知识 5 第第 2 2 章章 选择平台与架构选择平台与架构 2.12.1 开发环境开发环境 Myeclipse 集成开发环境+MySQL5.5+Windows。 2.22.2 架构架构 在 J2EE 应用中，基于 JSP+Servlet+DAO 模式在小型应用系统中式灵活并 稳定的架构，是典型的基于 MVC 模式的架构。 以 JSP+Servlet+Service+DAO 模式实现，即以 JSP+JSTL+EL 技术实现前 端驶入显示层，以 Servlet 为页面导向控制层、Service 为

22、业务逻辑层并以 DAO 为数据库访问层来构建系统。 2.32.3 运行环境运行环境 本系统采用 Tomcat5.5 为服务器，以 WindowsXP 为在线相册系统的服务 器，以目前流行的 MySQL 为数据库服务前。 2.42.4 本章小结本章小结 在本章中主要介绍了软件开发时所用的开发工具和相关的技术，重点介 绍了 Java、J2EE 平台和 MVC 结构等相关知识以。同时也详细介绍了 JSP 的 相关技术，运行环境及其开发工具。 如果将该系统发布到流量比较大的网站中应用，则可以以 Solaris 为在线 相册系统的服务器、以 JBOSS 为 Web 服务器，以 MySQL 为数据库服务器

23、 并安装在 Linux 上实现双机备份等稳定性和安全性来实现。 第第 3 3 章章 电子像册系统需求分析电子像册系统需求分析 3.13.1 可行性分析可行性分析 3.1.13.1.1 系统总体目标系统总体目标 系统主要是为了给那些对照片管理感兴趣的朋友提供一个交流的平台， 对有很多照片需要管理的朋友，你在这里可以进行注册成为会员，添加相片 分类，上传自己的照片，也可以浏览别人的相册，还可以修改个人资料。非 注册会员你可以浏览电子相册里别人的相片，同时可以对相片进行评论。 3.1.2 技术可行性分析技术可行性分析 这个电子相册是基于 Web 来开发的，主要运用 JSP+Servlet+DAO 模

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

25、户发布相片、将相片归类存放，并允许其他在 线网友欣赏及评论相片。系统的总体结构如下： （1）用户管理：用户已用户名及密码登陆注册，可修改密码。 （2）相片分类：添加分类，删除分类，修改分类，并获取列表和分页 （某个用户个人分类） 。 （3）相片管理：用户登录后能发布并删除、修改发布的相片。获取相片 的列表和分页（某个用户某个分类中的相片） ，以缩略图及全图两种模式来显 示选择的某张相片。 （4）相片的评论管理：在线网友（登陆或游客）能欣赏相片并评论，相 片的所有者及评论人能删除评论，获取评论的列表和分页。 第 3 章 电子相册系统需求分析 7 （5）上传及删除相片文件：使用 JspSmartU

26、pload 组件来实现相片的上 传并保存至 Web 服务器中。删除相片实现级联删除：即如果删除某个用户的 某个相片分类，则把此分类下的所有相片全部删除，以维护数据和文件系统 的一致性。 3.2.1 系统总体结构系统总体结构 图图 3-13-1 总体架构总体架构 3.2.2 用例图用例图 用例图就是把网站各个用户的动作分解一下，再用画图软件把它画出来。 电子相册系统的角色之一是注册用户 用例名称：用户登录 执行者：用户 目的：完成注册用户登陆后的一系列操作的完整过程。 （1）用户输入登录名，密码，系统识别用户信息的有效性； （2）对用户信息进行识别； （3）用户完成相册列表，新建相册修改资料等一

27、系列操作； （4）退出系统。 在线相册平台 用 户 管 理 相 片 管 理 相 册 管 理 退 出 登 录 评 论 管 理 图图 3-23-2 用例图用例图 3.33.3 系统功能模块结构系统功能模块结构 在线相册系统的目标是工在线用户发布相片、将相片归类存放，并允许 其他在线网友欣赏及评论相片。在线相册管理系统分为用户管理、相册管理 模块、相片管理模块、评论管理模块。注：注册用户拥有全部操作权限，而 如果是未注册用户只能查看相册中的内容，没有权力进行相应的修改。 3.3.1 相片管理模块相片管理模块 (1) 业务描述：用户登录后能发布并删除、修改发布的相片。 (2) 业务流程：用户可以浏览相

28、关的相册的照片，获取相片的列表和分 页（某个用户某个分类中的相片） ，以缩略图及全图两种模式来显示选择的某 张相片，在该页面中用户可以根据自己的需要上传相应的图片，为图片取名、 分类，提交后返回相册列表。 (3) 输入数据：记录编号是自增列不显示在前台页面；图片名称、文件 简介分别以文本框的形式展示在前台页面中，由用户输入；图片的上传以一 种数据流的形式出现，出现在前台的时候以一种需要用户点击选择的形式出 现。 (4) 角色说明：此功能主要由注册用户和非注册用户使用。 3.3.2 相册管理模块相册管理模块 用户主页 用户 相册管理 退出系统 相片管理 用户管理 评论管理 用户登录 第 3 章

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

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

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

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

33、-2 相片分类信息（相片分类信息（categorycategory） 名称类型含义说明 categoryridInt(8)主键 namevarchar(50)分类名称not null memovarchar(255)分类描述 useridintr(8)所属用户 id关联到 userInfo 表的 userid 相片信息表用于保存用户相片及其相关信息，包括相片标题、相片简介、 相片上传时间、相片所属分类、相片保存的地址，以及相片的文件名。其中， 第 3 章 电子相册系统需求分析 11 相片保存的地址及文件名是附加信息：相片文件名是用来记录用户上传相片 时原相片文件的名称，用于用户浏览或下载相片时

34、让 Web 浏览器显示文件名， 以供用户使用；文件类型信息指的是相片文件的格式类型，在显示相片时会 用到。如表 3-3。 表表 3-33-3 相册信息表（相册信息表（photophoto） 名称类型含义说明 photoidInt(8)主键 Titlevarchar(50)相片标题 memovarchar(255)相片描述 catrgroyidint(8)相片分类关联到 category 表的 categoryid urlvarchar(100)相片保存地址 pubTimedatetime相片上传或最新修改 时间 filenameintr(8)所属用户 id 评论信息表则是网络相册的一大特征，用

35、于保存网友对相片的评论信息。 一张相片可能会有多条评价信息，因此应该保存平困的相片 id、评论时间、 评论人的名称（或匿名）以评论的文字信息等。如表 3-4。 表表 3-43-4 评论信息表（评论信息表（commentcomment） 名称类型含义说明 commentidInt(8)主键 photoidInt(8)相片 id关联到 photo 表的 photoid addnamevarchar(100)评论人姓名 addTimedatetime评论时间 commentVarchar(255)评论内容 3.5 本章小结本章小结 本章详细描述了系统的体系结构，对系统进行了简单的可行性分析，确 定了

36、各子系统要完成的功能，详细介绍了系统的各个重要模块的需求，同时 给出了各子功能系统流程图。 ，并初步得到了系统模型和功能模块划分，通过 本章中描述的系统体系，接下来的任务是根据本章的叙述进行详细具体的设 计实现。 第 4 章 系统实现 13 第第 4 4 章章 系统实现系统实现 系统阶段的根本目标是确定应该怎样具体的实现所要求的系统，也就是 说，经过这个阶段的设计工作，应该得出对目标系统的精确描述，从而在编 码阶段可以把这个描述直接翻译成某种程序设计语言书写的程序。本章主要 实现了各个模块的具体功能。 4.1 注册用户登陆设计 注册用户登陆的界面设计要简洁明，登陆有一个主页面，首先进行的是 验

37、证，判断登陆者的权限，注册用户登陆界面如图 4-1 所示。 图图 4-14-1 注册用户登陆注册用户登陆 4.1.1 注册用户登陆界面的创建注册用户登陆界面的创建 在页面表现上，采用 CSS 样式表的方式，用记事本编写一个 css 文件 (style.css)，每个 jsp 页面都引入这个文件，这样当需要变更页面图片背景等 静态属性时，就直接修改 css 文件，而无需对页面本身进行任何改动，大大 提高效率，除此之外，本系统平台引入了现在网络上较为流行 Ajax 的验证码 机，也就是说注册用户除了给出用户名和密码外还要另再填入给出的验证码 (这里的验证码是查看用户是否已存在)点击登陆才能以用户的

38、身份进入在线 相册的主界面。 4.1.24.1.2 注册用户登陆界面注册用户登陆界面 注册用户进入时，其登陆成功界面如下：(这里以 2006112103 为用户名 登陆举例) 图图 4-24-2 注册用户登陆注册用户登陆 设计思想： 用户登录模块，该模块需要确认二部分信息，首先得确认系统用户的身 份，是否存在该用户，其次，若该用户存在则判断用户的密码，两部分信息 都正确则登陆到系统主页面。 登陆界面是 Web 应用项目中的大门，它能让用户访问 Web 项目中的功 能。 4.1.34.1.3 实现过程实现过程 在注册用户登陆的 login.jsp 界面中： LoginServlett.java

39、package jspbook.webalbum.servlet; 第 4 章 系统实现 15 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) thr

40、ows ServletException, IOException / TODO Auto-generated method stub doPost(request,response); protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException / TODO Auto-generated method stub ServletEncoding.setEncoding(request, response); UserInf

41、o userInfo=new 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.getQu

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

43、quest.getRequestURI(); else session.setAttribute(“userInfo“, userInfo); requestDispatcher=request.getRequestDispatcher(“GetDefaultInfo?userId=“+u serInfo.getUserid(); requestDispatcher.forward(request, response); 从上面的代码可以看出如果返回的是真值也就是说验证正确的话会跳转到 LoginServlet。在 LoginServlet 的 doPost（）中首先设置编码格式为”GB231

44、2”, 然后去的 login.jsp 中 username 和 password 的输入信息，并通过 UserInfoDAO 的 Login（）方法来验证登录用户是否已经注册并核对密码信 息。如果返回的 UserInfo 对象不为空，这表示验证成功。把页面控制给 url 为/GetDefaultInfo,并附上 userid 的 request 信息。 GetDefaultInfo 目的是在想系统主页面中显示相片的用户信息、所有相 片的分类信息、每个相册的相片数目以及最新评论信息等关键信息。因此在 doPost（）方法中，首先从 request 中得到登录相册的当前用户的 userid，把 查

45、询到的 userInfo 对象保存在 request 范围中共 JSP 调用并通过 userid 查询该 用户的所有相册集相册数目。然后把查询到的最新的 10 条评论信息保存到 List 中，并把这些信息保存到 request 中以供 JSP 页面显示。 通过其中粗体表示的 div class 可以知道该 JSP 主要实现显示用户信息、 最新评论及用户的相册。其中使用 JSTL 中的元素来迭代 commentList 及 categoryList，并且使用 EL 语句来显示各项内容。 在本系统的 web.xml 文件中我们定义了各个 Servlet 的相关信息，包括 Servlet 的名称、类

46、路径及 url 映射名。在 JSP 及访问木椅 Servlet 是，均要使 用此 Servlet 的 url 映射名。由映射名找到 Servlet 的类路径，从而导向至 Servlet。 在 JSP 页面中，使用了一些公共的方法，这些方法定义在 第 4 章 系统实现 17 WebAlbum/WebRoot/js/adjax.js 及 common.js 中另外有关 jsp 的布局类定义在 WebAlbun/WebRoot/css/style.css 中。 4.2 未注册用户注册设计 未注册用户登陆的界面设计要简洁明，注册有一个主页面，首先进行的 是填写注册信息，然后进行提交操作。 图图 4-3

47、4-3 未注册用户注册未注册用户注册 验证用户JavaScript function changeFieldToQueryString(formName,fieldName) var args=“; var form=document.formsformName; args=form.elementsfieldName.name+“=“+form.elementsfieldName.value; return args; /-将表单上某个字段的值发送到服务器端，并返回结果 function sendFieldToServer(formName,fieldName,servletName) se

48、ndMessageToServer(servletName,changeFieldToQueryString(formName,fieldName); 未注册用户注册界面的创建 在页面表现上，采用 CSS 样式表的方式，用记事本编写一个 css 文件 (style.css)，每个 jsp 页面都引入这个文件，这样当需要变更页面图片背景等 静态属性时，就直接修改 css 文件，而无需对页面本身进行任何改动，大大 提高效率。该模块完成用户注册的过程，用户注册后才能完成图书订阅等功 能。 流程分析本模块包含二个文件，addUser.jsp 完成用户注册信息录入； david.js 完成检查数据的可靠

49、性，符合要求的数据写入 userinfo 数据表。 在这个模块里，用户可以输入“用户名”， “昵称”， “密码”， “重复密码”，然 后单击“注册”按钮提交注册信息，如果注册所用的用户名已经存在于数据库 中，系统会报错。如果用户数据的“新密码”和“新密码确认”内容不一致，系 统也会报错。用户一旦通过注册。就在数据库中存储了该用户的注册信息， 该用户就可以凭此信息进行登录。 4.3 相册列表 添加相册的界面设计要简洁明，添加相册有一个主页面，首先要进行相 应的数据输入，然后提交操作 相册列表有两种方式,一种是通过 defaultInfo.jsp 主页面中的分类列表或 “相册管理”来竟如相应相册的相片列表：另一种是直接竟如“相片管理” 来列出所有的相片列表。下面好似几个主要的 Servlet 使命。 （1）GetCategoriseServlet.java：去的登录用户的相册，并把页面导向至 categoryList.jsp，即“相