电子相册系统的设计与实现.docx

《电子相册系统的设计与实现.docx》由会员分享，可在线阅读，更多相关《电子相册系统的设计与实现.docx（60页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、哈尔滨理工大学毕业设计题 目:院、系:姓 名: 指导教师: 系主任:电子相册系统设计与实现荣成学院软件工程系XXXXX XXXXXXX2013年6月21日哈尔滨理工大学学士学位论文第2章需求分析2.1 系统总体目标为了给那些对照片管理感兴趣的朋友提供一个交流的平台，对有很多 照片需要管理的朋友，你在这里可以进行注册成为会员，上传自己的照片, 也可以着浏览别人的相册，还可以修改个人资料。非注册会员你可以浏览 电子相册里别人的相片。对于管理员登陆，可以添加相册分类。人们交流的方式多种多样，但是，我们在交流的同时希望更多的了解对方 的信息，本软件即是根据此需求进行开发的。让用户能够通过注册信息，登录

2、并更新及查询自己的相册信息，在此 基础上，用户还能够有效的掌握和共享其它资源。从而促进了相册管理的 规范化和集成化，使得用户之间的交流更加的便捷。本软件产品的最终用 户来源广泛，相同之处那么是为了增进与他人之间的交流。本软件面向群众, 用户使用过程中的操作也不复杂。基本功能如下：1 .本系统应该具有相片浏览。2 .相片上传。3 .评论相片、编辑、删除相片。4 .用户注册。5 .用户管理。6 个人信息修改等功能。具体功家系统用户分为普通用户和管理员两种角色，普通用户的 功能包含浏览数据库中包含的所有相册和相片，登录系统后上传专属自己 的相片，可以查看他人相片，并且提交自己的评论，对自己的相册和相

3、片 进行增删改查等操作，未注册用户在提交满足条件的信息后可以注册成功 并且实现登录，用户可以进行个人信息的修改，包括qq、电子邮件、等信 息，还可以修改密码，也有退出登录功能。管理员的功能包含普通用户的 所有功能，管理员独有的功能包含添加文件功能。2.2 系统数据流图1 .用户使用该系统，首先需要注册用户，其次需要上传照片，这两个 是电子相册系统的输入数据流；而输出数据流包括浏览图片和查看评论。 如图2-1描述的是电子相册系统的顶层数据流图。哈尔滨理工大学学士学位论文图2-1顶层数据流图2 .照片ID是自增列，不显示在前台页面，此外，图片名称和描述需 要用户以文本框的形式在前台输入。如图2-2

4、描述的是用户在上传照片的过 程中存在的数据流图。图2-2上传照片数据流图3.用户需要输入相册名称和相册简介等信息，输入到电子相册系统。 如图2-3中描述的是新建相册数据流图。图2-3新建相册数据流图4 .用户需要将需要修改的信息，以文本框的形式输入到电子相册系统, 然后存储在数据库中。如图2-4中，描述的是修改资料的数据流图。图2-4修改资料数据流图5 .用户需要输入原密码和新密码，验证通过后，新密码将存储在数据 库中。如图2-5中描述的是修改密码数据流图。4哈尔滨理工大学学士学位论文6 .只有管理员拥有权限，管理员通过登录验证后，以文本框的形式向 电子相册系统中输入相册种类名称，最后存储在数

5、据库中。如图2-6种描述 的是添加相册的数据流图。2.3可行性分析电子相册系统是基于SSH框架来开发的，主要运用jsp技术、SSH、 tomcat等相关技术，以Mysql为后台数据库、Tomcat7.0为应用服务器。这 些应用软件都可以在网络上免费下载，并且这些软件都是些最常用的开发 工具，都能够快和好的掌握，所以对于本系统在技术上是可以到达的。随着现化时代的来临和人们生活水平的不断提高，人们的生活方式也 变得时尚起来了，校园生活，天真浪漫，同窗友情，张张照片为您定格， 欣赏昔日身姿，却因照片静态的表现方式让人觉得枯燥；一项活动结束了, 留下一叠杂乱无章的照片；一本本厚重的相册，一张张因保存不

6、善而失去 往日风采甚至毁损的照片，真让人有些不忍面对，随着电脑软件的开展， 人们都迫切的需要一款软件开管理自己的照片。于是开发电子相册将给人 一种全新的留念方式，所以该软件开发的市场价值是可行的。1 .软硬件需求如下：(1)操作系统：windows xp/7操作系统(2)界面：简单明了，易于非专业计算机人员使用(3)数据：存入系统中的相片格式为JPEG或者BMP(4)硬件设备：PC机、笔记本电脑(5)数据库：采用Mysql数据库管理(6)服务器：使用Tomcat7.0作为服务器2.程序相关技术如下：(1) JAVA : Java是Sun公司开发的编程语言，使用它可以在各式各 样不同的机器、不同

7、操作平台的网络开发环境中开发软件。不管用户使用5哈尔滨理工大学学士学位论文的是哪一种WWW浏览器、哪一种计算机、哪一种操作系统，只要WWW 浏览器上面注明了“Java”，就可以看到生动的页面。用Java实现的HotJava 浏览器(支持Java applet)显示了 Java的魅力：跨平台、动态的Web Internet 计算。从此，Java被广泛接受并推动了 Web的迅速开展，常用的浏览器均 支持Javaapplet。另一方面，Java技术也不断更新。java是一种可以撰写跨 平台应用块件的面向对象的程序设计语言，是由Sun Microsystems公司于 1995年5月推出的Java程序设

8、计语言和Java平台(即JavaEE, JavaME, JavaSE)的总称。Java自面世后就非常流行，开展迅速，对C+语言形成 了有力冲击。Java技术具有卓越的通用性、高效性、平台移植性和平安性, 广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动 和互联网，同时拥有全球最大的开发者专业社群。在全球云计算和移动互 联网的产业环境下，Java更具备了显著优势和广阔前景。(2) JAVAEE： J2EE, Java2 平台企业版(Java 2 Platform Enterprise Edition),是Sun公司为企业级应用推出的标准平台。Java平台共分为三个 主要版本 Jav

9、a EE Java SE 和 Java ME。随着Java技术的开展，J2EE平台得到了迅速的开展，成为Java语言 中最活跃的体系之一。现如今，J2EE不仅仅是指一种标准平台(Platform), 它更多的表达着一种软件架构和设计思想。JavaEE本身是一个很好的技术, JavaEE体系结构提供中间层集成框架用来满足没有太多费用而又需要高可 用性、高可靠性以及可扩展性的应用的需求。通过提供统一的开发平台， JavaEE降低了开发多层应用的费用和复杂性，同时提供对现有应用程序集 成强有力支持。通过技术人员、厂商以及用户的共同努力，JavaEE一定能 够成为用户进行电子商务应用和信息化建设的首选

10、方案。(3) MY SQL：本系统采用的是目前比拟流行的小型数据库系统 MYSQLoMySQL是瑞典的MySQLAB公司开发的一个可用于各种流行操作系 统平台的关系数据库系统，它具有客户机/服务器体系结构的分布式数据库 管理系统。MySQL完全适用于网络，用其建造的数据库可在因特网上的 任何地方访问，因此，可以和网络上任何地方的任何人共享数据库。MySQL 具有功能强、使用简单、管理方便、运行速度快、可靠性高、平安保密性 强等优点。提供事务和非事务的存储机制；快速的基于线程的内存分配系 统；MySQL采用双重许可，用户可以在GNU许可条款下以免费软件或开 放源码软件的方式使用MySQL软件，也

11、可以从MySQLAB公司获得正式 的商业许可。(4) SHH框架：本系统是基于J2EE的SSH种框架的集成性开发，其 中包括STRUTS框架、SPRING框架、HIBERNATE框架，它们在整个模块 的开发过程中起着不同的作用。STRUTS框架主要是MVC结构，而MVC把交互系统的组成分解成模6哈尔滨理工大学学士学位论文型、视图、控制器三局部。模型(Model)是软件所处理问题逻辑在独立于 外在显示内容和形式情况下的内在抽象，封装了问题的核心数据、逻辑和 功能的计算关系，独立于具体的界面表达和I/O操作。视图(View)把表示模 型数据及逻辑关系和状态的信息及特定形式展示给用户。HIBERNA

12、TE框架是一个数据持久层框架，是一种实现对象和关系之间 映射(0/R Mapping)的工具，它对JDBC进行了轻量级的对象封装，使程序 员可以使用对象编程思想来操作数据库。它不仅提供了从Java类到数据 表的映射，也提供了数据查询和恢复机制。Spring框架是一个开源框架主要有两大特性包括：依赖注入(IOC)和切 面(AOP)在我的这个设计中基本上只表达了其中的一局部也就是IOC依赖 注入，所谓的依赖注入就是Spring通过一种称作控制反转(IOC)的技术促进 了松耦合。当应用了 IOC, 一个对象依赖的其它对象会通过被动的方式传 递进来，而不是这个对象自己创立或者查找依赖对象。2.4本章小

13、结在本章中，通过对电子相册系统的需求分析了该系统所需要的各种因 素进行了分析，明确开发该系统所必需的前提条件。哈尔滨理工大学学士学位论文第3章概要设计1.1 系统总体结构本系统所研究的是从电子相册的管理到相册的生成等一系列的问题， 大致分为：1 .相册列表：此模块是注册用户所创立的相册列表，其创立时要选择所 属的相册分类，相册名字由注册用户所规定。相册封皮也可以由用户设定。2 .新建相册：此功能是注册用户所拥有的，用户可以自己创立想要的相 jm 川J 3 .修改资料：注册用户注册时填写的资料可以在再次登陆时修改。4 .技术支持：介绍了所用到的知识点。5 .相册分类管理：此功能是管理员登录时拥有

14、的权限，管理员可以添加 相册的分类。如图3-1描述的是总体结，图，分为前台和后电子相册平台前台后台添加相册的分类图3-1总体结构图前台主要是普通用户操作，用户可以使用的功能包含查看相册列表、 新建相册、修改资料、修改密码、退出登录，后台主要是管理员操作，完 成的主要功能是添加文件的功能。哈尔滨理工大学学士学位论文3.2 系统功能模块结构相册管理系统分为五大模块：相册列表模块、新建相册模块、修改资 料模块、修改密码模块、添加相册模块。注：前四大模块是根据注册用户 的提供的，而如果是未注册用户只能查看相册中的内容，没有权力进行相 应的修改，进行注册后即可实现前四模块。3.2.1 相册列表模块1 .

15、业务描述：管理相册的相关图片的上传。2 .业务流程：用户点击相册列表可以浏览相关的相册，当然点击上传图 片就可以进入一个上传图片的页面，在该页面中用户可以根据自己的需要 上传相应的图片，为图片取名、分类，提交后返回相册列表。3 .输入数据：记录编号是自增列不显示在前台页面；图片名称、文件简 介分别以文本框的形式展示在前台页面中，由用户输入。4 .角色说明：此功能主要由注册用户和非注册用户使用。3.2.2 新建相册模块1 .业务描述：添加相册即为用户所处的相册管理模块加入一个新的相 nrt 及f o2 .业务流程：点击新建相册的界面，进入新建相册的主界面根据提示输 入相关的信息后选择提交，那么可

16、看到刚刚新添加的那个相册，然后可以根 据自己的需要选择是否加入相片，如果加入的话点击相册，然后点击上传 相片，根据提示填写相关的信息，然后选择上传路径单击上传，选择提交, 这样系统会自动的生成一个大图片和一个小图片，用来显示封面等操作。3 .错误处理：在填写信息的过程中不允许有不被填写的栏目，系统会给 出相应的提示。4 .输入数据：由用户输入相应的数据信息。5 .输出结果：其输出结果为在相册列表中给予相应的显示。6 .角色说明：此功能主要注册用户使用。3.2.3 修改资料模块1 .业务描述：对注册用户来讲，将他们的资料从后台数据库中读取出来 然后根据用户的需要进行相应的修改，根据用户资料采集界

17、面来采集相应 的数据，根据这些数据来更新数据库中该用户的相应资料。如果是未注册 的用户可根据提示进行注册。2 .业务流程：从后台数据库中读取出来然后根据用户的需要进行相应的 修改3 .错误处理：在填写信息的过程中系统会给出相应的提示。9哈尔滨理工大学学士学位论文4 .输入数据：由用户输入相应的数据信息。5 .输出结果：无6 .角色说明：此功能主要注册用户使用。3.2.4 修改密码模块1 .业务描述：对注册用户来讲，该模块是用于修改注册用户的登陆系 统平台的密码，注册用户可以根据自己的需要来修改其密码。2 .业务流程：进入修改密码界面，根据提示给出需要修改的信息，输 入验证码后提交即可。3 .错

18、误处理：所有字段必须逐一给出相应的数据信息。4 .输入数据：由用户输入相应的数据信息。5 .输出结果：无。6 .角色说明：此功能主要注册用户使用。3.2.5 添加相册模块1 .业务描述：该模块由系统的管理员来操作，首先系统管理员要根据其 所登陆的相关用户员和密码进行登陆，登陆后可以进行一些关于电子相册 管理系统的维护工作这里所提到的是关于相册种类的添加，可以根据后台 的添加来进行前台的相关操作。2 .业务流程：管理员登陆后进行添加操作，填写添加种类的名称点击 提交后将在下面相应的下拉菜单中给予显示。3 .错误处理：所填种类不能为空，假设为空那么给予相关。4 .输入数据：由管理员给出所要加入的相

19、关种类。5 .输出结果：在下拉列表中给显示出相应的种类列表。6 .角色说明：此功能主要由管理员使用。3.3 系统E-R图1 .管理员实体包含ID、姓名和密码三个属性，在数据库中ID设计为自 增，姓名和密码用户自己指定，如图3-2所示。管理员图3-2管理员E-R图10哈尔滨理工大学学士学位论文2 .相册实体包含ID、相册名、相册描述、创立时间、访问次数等五个 属性，在数据库中ID设计为自增，用户在创立新相册时，需要提交相册名、 相册描述等信息，提取系统时间作为创立时间，访问次数根据用户访问次 数进行累计，如图3-3所示。3 .相册留言实体包含ID、标题、提交时间等属性，在数据库中ID为自 增，用

20、了在添加相册时提交标题、内容，提取系统时间为提交时间，如图 3-4所小。4.相片实体包含ID、名称、相片描述、时间、小相片、大相片、更新 时间、封面，在数据中ID设计为自增，用户在添加相片操作时需要输入名 称、描述、导入照片所在路径等详细内容，满足条件后提交相片信息，如5 .相片留言实体包含ID、标题、内容、提交时间等四个属性，其中ID 在数据库中设计为自增，用户提交标题和内容等信息，如图3-6所示。11哈尔滨理工大学学士学位论文6.用户实体包含ID、姓名、密码、性别、qq号、邮箱等属性，其中在 数据库中ID设计为自增，用户提交姓名、密码、邮箱、性别等信息，如图7 . E-R图为管理员、相册和

21、相册种类的E-R图，管理员和相册之间的 联系为一对多，一个管理员可以有多个相册，一个相册只能属于一个管理 员，相册和相册种类的练习为一对多，一个相册只能属于一个相册种类， 一个相册种类中可以包含有多个相册，如图3-8所示。图3-8总体E-R图8 . E-R图为相册和相片之间的E-R图，相册和相片之间的关系为多对 多，一个相学中可以包含有多个相片，一个相片可以在多个相册中保存， 如图3-9所示。12哈尔滨理工大学毕业设计（论文）评语学生姓名： XXXXX学号：XXXXX专业：软件工程任务起止时间:任13年9月10日至2014年 6月21毕业设计（论文）题目：电子相册系统设计与实现指导教师对毕业设

22、计（论文）的评语:指导教师签名：指导教师职称：评阅教师对毕业设计（论文）的评语:评阅教师签名：评阅教师职称：辩论委员会对毕业设计（论文）的评语:辩论委员会评定，该生毕业设计（论文）成绩为：辩论委员会主席签名： 职称：年 月 日教务处制表哈尔滨理工大学学士学位论文9 .E-R图为相册、相册留言、管理员之间的E-R图，其中相册和相册 留言之间的关系为一对多，一个相册可以有多个留言，一个留言只能属于 一个相册，相册留言和管理员之间的关系为一对多，一个留言只能属于一 个管理员，一个管理员可以发表多个留言，如图3-10所示。图3-10总体E-R图10 .相片、相册留言和用户之间的关系，其中相片和相片留言

23、之间的关 系为多对多，一个相片可以有多个留言，一个留言可以属于多个相片，相 片留言和用户之间的关系为一对多，一个留言只能属于一个用户，一个用 户可以发表多个留言，如图3-11所示13哈尔滨理工大学学士学位论文图3-11总体E-R图3.4本章小结本章详细描述了系统的数据库设计，同时给出了 E-R图和数据表的设 计表格。并初步得到了系统模型和功能模块划分。14哈尔滨理工大学学士学位论文第4章详细设计4.1 系统流程图1 .电子相册系统用户角色分为管理员和普通用户，使用者可以根据自己 的身份选择进行不同方向的登录方式，选择普通用户登录后，有四个功能 选择，新建相册、修改资料、修改密码和相册列表功能，

24、选择管理员登录2 .点击新建相册的界面，进入新建相册的主界面根据提示输入相关的信 息后选择提交，那么可看到刚刚新添加的相册，如图4-2所示。15哈尔滨理工大学学士学位论文图4-2新建相册流程图3 .对注册用户来讲，将他们的资料从后台数据库中读取出来然后根据用 户的需要进行相应的修改，根据用户资料采集界面来采集相应的数据，根 据这些数据来更新数据库中该用户的相应资料，如图4-3所示。图4-3修改资料流程图4 .对注册用户来讲，如果用户有需要修改密码的需要，点击修改密码超 链接，进入修改密码的jsp页面，在输入原始密码正确的前提下，才能修改 密码，如果输入原始密码错误的话，系统会提示用户，密码输入

25、错误，系 统检测密码输入正确后，会检测输入的新密码时都满足密码的条件，如果16哈尔滨理工大学学士学位论文不满足，会提示用户再次输入密码，如图4-4所示。图4-4修改密码流程图4.2 数据库详细设计4.2.1 数据库表的创立1.管理员信息表包括管理员ID、用户名、密码等详细信息，如表3-1 所示。表3-1管理员信息表字段名字段类型字段大小能否为空默认备注ad_id整形11否nullad_name文本200是nullad_pass文本200是null2.用户注册信息表包括用户ID、用户名、密码、性别、邮箱、QQ等详 细信息，如表3-2。表3-2用户信息表字段名字段类型字段大小能否为空默认备注c_i

26、d整形11否nullc_name文本200是nullc_pass文本200是nullc_sex文本1是null3.相册信息表包括相册ID、相册名、简述、创立日期、创立时间等详 细信息，如表3-3。17哈尔滨理工大学学士学位论文表3-3相册信息表字段名字段类型字段大小能否为空默认备注a_id整形11不nulla_name文本200是nulla_desc文本200是nulla_create_date时间0是nulla_times时间0是nullc_id整形11是nullk_id整形11是null4.照片信息表包括相片ID、相片名、相片简述、上传时间、相片大小 等详细信息，如表3-4。表3-4相片信

27、息表字段名字段类型字段大小能否为空默认备注p-id整形11否nullp_title文本200是nullp_desc文本200是nullp_times文本0是nullPPic时间200是nullp_big_pic文本200是nullp_small_pic文本200是nullp_up_date时间0是nullp_cover文本1是nulla_id整形11是null422数据库实现create database friend;注意不同操作系统对大小写的敏感。数据库中创 建的所有的数据库表：如图4-5所有的数据库表，其中admin表为管理员表，在其中存储的 用户具有管理员的权限，album表示相册表，

28、album_kind表示相册种类表,album_word表示相册留言表，client表示用户表，photo表示相片表, photo_word表示相片留言表。ioadmin! t;EalbumBalbum_kindBalbum-word clienttJ photo Bphoto_word图4-5数据库表18哈尔滨理工大学学士学位论文L创立的admin管理员表:表4-1管理员表ad_idad_namead_pass1adminadmin如表4-1 admin表中存储的是管理员的列表，只有一条数据，ID为1, name 为 admin, 密码为 admino2,创立的album相片列表：表4-2相

29、片列表ad_idad_namea_desca_create- deateA_tim esc_idk_id1GoodGame当年一起快乐的时 光2014/5/2715:57:3610312花花语2014/5/2819:39:39411311231232014/5/28 19:50:43211如表4-2中album表中存储的是相册种类的列表，有三条数据。3.创立album_kind相册种类表表4-3相册种类表k_idk_namek_desc1大学同学这是大学同学2高中同学这是高中同学3初中同学这是初中同学4小学同学这是小学同学如表4-3中albun_king是储存的相册种类列表，有四条数据。4.3

30、管理员登陆实现4.3.1 管理员登陆主页面的创立在页面表现上，采用CSS样式表的方式，用记事本编写一个css文件 （css.css）,每个jsp页面都引入这个文件，这样当需要变更页面图片背景等 静态属性时，就直接修改CSS文件，而无需对页面本身进行任何改动，大大 提高效率，除此之外，本系统平台引入了现在网络上较为流行的验证码机, 所谓验证码就是将一串随机产生的数字或符号，生成一幅图片，图片里加 上一些干扰象素（防止OCR）,由用户肉眼识别其中的验证码信息，输入表 单提交网站验证，验证成功后才能使用某项功能。在电子相册系统中也就 是说管理员除了给出用户名和密码外还要另再填入给出的验证码（这里的验

31、 证码是六位的）点击GO才能以管理员的身份进行电子相册的后台管理界19哈尔滨理工大学学士学位论文面。4.3.2 实现过程管理员功能模块主要包括以下功能：1 .管理员登录：用于登录系统；2 .添加分类：用于增加分类；3 .管理员退出：用于管理员的登陆界面。Struts的核心在于它的Action, 一般在Action类中实现对页面的逻辑 跳转工作。管理员功能模块的Action实现类继承了 DispatchAction类（Action 类的子类），实现多业务的操作。在该类中首先需要在属性中实例化管理员 模块的ManagerDao类（该类用于实现与数据库的交互）。系统登录模块是电子相册管理系统中最先使

32、用的功能，是进入系统的 入口。在系统登录页面中，管理员可以通过输入正确的管理员账号和密码 进入到系统，当用户没有输入管理员账号或密码时，系统会通过JavaScript 进行判断，并给予提示信息。在管理员登录页面的管理员名称和管理员密码文本框中输入正确的管 理员名称和密码后，单击“确定按钮，网页会访问一个URL,这个URL是 manager Action.do? method= checkManagerAction。从该 URL 地址中可以 知道系统登录模块涉及到的method的参数值为“checkManagerAction”,也 就是当 method=checkManagerAction 时，

33、会调用 ManagerAction 类验证管理 员身份的方法 checkManagerAction。，该类继承了 DispatchAction（extends DispatchAction）,实现Struts中的多业务操作。4.4未注册用户注册实现未注册用户登陆的界面设计要简洁明，注册有一个主页面，首先进行 的是填写注册信息，然后进行提交操作。* * *电子相册管理系统* * *大学同学高中同学 初中同学 小学同学我的相册关于我们技术支持Forever Friendship相册人一人注册后可以拥有属于自己的个性相册Forever*电子邮件:*验证码:帅哥。美女|和沓用户名别称码码Q密C复I 性

34、昵密重O欢迎光临一*事詈图4-6未注册用户注册20哈尔滨理工大学学士学位论文在注册用户登陆的register.sp界面中：验证正确的话会跳转到clientReg.do也就是在struts-config.xml配置文 件的代码中可以看出代码中可以看到如果它所属的form为clientRegFormStruts-config.xml 中对应的 form-bean如图4-6中截图显示的是未注册用户的注册界面,普通用户进入电子相 册系统后，可以点击注册超链接进入注册界面，在输入满足条件的注册信 息之后，系统将该注册信息录入数据库中。在页面表现上，采用了 CSS样式表的方式，用记事本编写了一个css 文

35、件(css.css),每个jsp页面都引入这个文件，这样当需要变更页面图片背 景等静态属性时，就直接修改css文件，而无需对页面本身进行任何改动， 大大提高效率。该模块完成用户注册的过程，用户注册后才能完成图书订 阅等功能。流程分析本模块包含了两个页面文件，register.htm完成用户注册信息 录入；register.jsp完成检查数据的可靠性，符合要求的数据写入userinfo数 据表。在这个模块里，用户可以输入“性别”，“昵称”，“密码”，“重复密码”, “QQ，e-mail,验证码等信息，然后单击“注册”按钮提交注册信息，如果注 册所用的用户名已经存在于数据库中，系统会报错。如果用户

36、数据的“新密 码”和“新密码确认”内容不一致，系统也会报错。用户一旦通过注册。就在 数据库中存储了该用户的注册信息，该用户就可以凭此信息进行登录。4.5注册用户登陆实现注册用户登陆的界面设计要简洁明，登陆有一个主页面，首先进行的 是验证，判断登陆者的权限，注册用户登陆界面。* *电子相册管理系统*大学同学 高中同学 初中同学 小学同学我的相册关于我们技术支持欢迎光临-Forever Friendship相册-口卑：方计二清先王册 Change Time For.称:祜:图4-7注册用户登陆如图4-7中截图显示的是普通用户登录界面,普通用户需要输入满足条哈尔滨理工大学学士学位论文件的用户名和密码

37、之后，系统跳转至主界面。4.5.1 注册用户登陆界面的创立在页面表现上，采用CSS样式表的方式，用记事本编写一个css文件 （css.css）,每个jsp页面都引入这个文件，这样当需要变更页面图片背景等 静态属性时，就直接修改CSS文件，而无需对页面本身进行任何改动，大大 提高效率，除此之外，本系统平台引入了现在网络上较为流行的验证码机, 也就是说注册用户除了给出用户名和密码外还要另再填入给出的验证码（这 里的验证码是四位的）点击登陆才能以管理员的身份进行电子相册的后台管 理界面。除此之外用户可以点击更换来重新成生验证码。4.5.2 注册用户登陆界面注册用户权限进入时，其登陆成功界面如如图4-

38、8所示：（这里以 tomcat为用户名登陆举例）* * *电子相册管理系统* * *大学同学 高中同学 初中同学 小学同学我的相册关于我们技术支持tomcat欢迎进入你共有0个相册相册列表 新建相册 修改奥料 修改密码 退出登录暂无相册,可先创立共。页当前：0/0首页上一页下一页尾页图4-8注册用户登陆如图4-8中截图显示的是登陆成功后的显示界面，因为注册之后首次登 录，因此系统中没有任何照片信息。设计思想：用户登录模块，该模块需要确认三局部信息，首先得确认系统用户的 身份，是否存在该用户，其次，假设该用户存在那么判断用户的密码，最后， 假设密码正确那么判断用户的角色，三局部信息都正确那么登陆

39、到系统主页面。登陆界面是Web应用工程中的大门，它能阻止一些“非法用户”访问 Web工程中的功能。实现过程验证的过程是注册验证，把注册信息发送到服务器，由服务器存进数 据库；验证的时候，把客户端登陆时发过来的用户信息跟数据库中的比拟, 相同即通过验证，否那么提示错误信息。22哈尔滨理工大学毕业设计（论文）任务书学生姓名： XXXXX学号：Ixxxxxxx学 院： XXXXX专业：软件工程任务起止时间：2013年9月10日至2014年6月21日 毕业设计（论文）题目:电子相册系统设计与实现毕业设计工作内容：随着数码摄影时代的到来，不管是专业摄影师建立图片档案或是向 他人展示自己的摄影作品，还是家

40、庭生活摄影，都需要电子相册来保管 摄影作品。如同传统的照相簿，电子相册既有展示功能也有存储和管理 功能。1 实现用户的注册与登录；2 .实现登录用户上传修改照片等功能；3 .支持登录用户的管理相册功能；4 .未注册用户可以浏览照片发表评论等功能；5 .管理员登陆可以添加相册分类；资料：1李皎，李玲玲，王朔琛.基于Java的电子相册系统设计与实现J.软件导刊，20122 Lanying. Method of System Transferring from Client/Serve to Browser/Server JJ. Computer and Communications， 20053布

41、鲁斯艾克尔（Bruce Eckel）. Java编程思想（第四版）.机械工业出版 社，20074梁立新.工程实战精解基于Struts+Spring+Hibernate的Java应用开 发.电子工业出版社，2006系主任意见:指导教师意见:签名：年 月 日签名：年 月 日教务处制表哈尔滨理工大学学士学位论文4.6 添加相册分类的实现管理员功能中添加相册的界面设计要简洁明，添加相册有一个主页面, 首先要进行相应的数据输入，然后提交操作。4.7 管理员登陆界面如图4-9所示，即为管理员登陆主界面，管理员可以输入自己的账号, 密码以及验证码即可登陆进入后即可进行管理操作等。* * *管理员登录* *

42、*用户名：|蛉证码J18 x 7 j z 更换EO图4-9管理员登陆在管理员登陆的login.jsp界面中：从上面的代码可以看出如果返回的是真值也就是说验证正确的话会跳 转到adminLogin.do也就是 进行相应的跳转。23哈尔滨理工大学学士学位论文4.8管理员添加相册界面1.管理员添加相册界面如图：* * *电子相册管理系统* * *大学同学 高中同学 初中同学 小学同学我的相册关于我们技术支持添加文件I退出管理双曲管理员聋录添加分类：II I交管理分类：I大学同学图4-10理员添加相册界面如图4-10图显示的是系统管理员登录成功之后的界面，管理员可以添 加相册分类，提交成功后显示分类信

43、息。2.管理员添加相册的创立：在页面表现上，采用CSS样式表的方式，用记事本编写一个css文件 (css.css),每个jsp页面都引入这个文件，这样当需要变更页面图片背景等 静态属性时，就直接修改css文件，而无需对页面本身进行任何改动，大大 提高效率，在页面步局和设计方面在此就不多加以介绍。下面的局部中主 要介绍一下具体的实现过程。4.9 按钮事件方法创立一个新的按钮:JButton about = new JButton；这个按钮该放到菜单区：toolBar.add(about);要为按钮添加事件响应，需要使 用about.addActionListener(this)来告诉程序监听按钮按下时的事件， ActionListener 是一个程序接口。public class KyodaiUI extends JFra