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

哈哈 尔尔 滨滨 理理 工工 大大 学学 毕毕 业业 设设 计计 题题 目 目 电子相册系统设计与实现电子相册系统设计与实现 院 院 系 系 荣成学院荣成学院 软件工程系软件工程系 姓姓 名 名 xxxxx xx 指导教师 指导教师 xxxxx 系系 主主 任 任 xxxxxxx 2013 年年 6 月月 21 日日 哈尔滨理工大学毕业设计 论文 评语哈尔滨理工大学毕业设计 论文 评语 学生姓名 xxxxx 学号 xxxxx 学 院 xxxx 专业 软件工程 任务起止时间 2013 年 9 月 10 日至 2014 年 6 月 21 日 毕业设计 论文 题目 电子相册系统设计与实现 指导教师对毕业设计 论文 的评语 指导教师签名 指导教师职称 评阅教师对毕业设计 论文 的评语 评阅教师签名 评阅教师职称 答辩委员会对毕业设计 论文 的评语 答辩委员会评定 该生毕业设计 论文 成绩为 答辩委员会主席签名 职称 年 月 日 教务处制表 哈尔滨理工大学毕业设计 论文 任务书哈尔滨理工大学毕业设计 论文 任务书 学生姓名 xxxxx 学号 1xxxxxxx 学 院 xxxxx 专业 软件工程 任务起止时间 2013 年 9 月 10 日 至 2014 年 6 月 21 日 毕业设计 论文 题目 电子相册系统设计与实现 毕业设计工作内容 随着数码摄影时代的到来 不论是专业摄影师建立图片档案或是 向他人展示自己的摄影作品 还是家庭生活摄影 都需要电子相册来 保管摄影作品 如同传统的照相簿 电子相册既有展示功能也有存储 和管理功能 1 实现用户的注册与登录 2 实现登录用户上传修改照片等功能 3 支持登录用户的管理相册功能 4 未注册用户可以浏览照片发表评论等功能 5 管理员登陆可以添加相册分类 资料 1 李皎 李玲玲 王朔琛 基于 Java 的电子相册系统设计与实现 J 软件导刊 2012 2 Lanying Method of System Transferring from Client Serve to Browser Server J J Computer and Communications 2005 3 布鲁斯艾克尔 Bruce Eckel Java 编程思想 第四版 机械工业出版 社 2007 4 梁立新 项目实战精解基于 Struts Spring Hibernate 的 Java 应用开 发 电子工业出版社 2006 指导教师意见 签名 年 月 日 系主任意见 签名 年 月 日 教务处制表 电子相册系统设计与实现电子相册系统设计与实现 摘摘 要要 随着人们生活水平的逐步提高 旅游照相成了大家必不可少放松项目 虽然照片最后会存入到自己的电脑里 但是时间一长 照片一多 这些有 着勾起回忆的 资料 就会显得杂乱无章 即不方便欣赏 也不方便管理 而电子相册具有欣赏 界面美观等特点 传播方便 可以很好的管理所存 入的照片 不失为最佳欣赏 保存照片的相册工具 本系统是一种基于 B S 架构的电子相册管理系统 它采用了目前最流 行的 Java 语言进行编写 用到了当今先进的技术如 JSP 技术 Hibernate Spring Struts 框架等来实现该系统 系统分为五大模块 相册 列表模块 新建相册模块 修改资料模块 修改密码模块 添加相册分类 模块 前四大模块是根据注册用户的提供的 注册用户登陆后可以进行添 加相册 上传 删除照片 修改资料等一系列操作 最后一个模块是管理 员登陆所进行的操作 而如果是未注册用户只能查看相册中的内容 没有 权力进行相应的修改 关键词关键词 JAVA 电子相册 SSH 框架 MVC The Electronic Album System Base On SSH Framework Abstract With the gradual improvement of people s living standards Journey and photograph is becoming our indispensable project for relaxing Although the pictures will eventually be stored into their own computer but those pictures which has broken back memories of the past time will become disorganized after a long time It is inconvenient to appreciate and manage Electronic album has features of appreciation and beautiful interface It is easily to spread The matter of managing stored pictures will become a relaxed thing Electronic album which has best appreciation will become a album tool to store pictures This system is a album management system which is based on B S structure Its code uses java to write which is the most popular language And today s advanced technologies such as JSP technology Hibernate spring Struts framework are used to implement the system This system is divided into five modules such as album list module new album module modify data module change password module add album classification module The top four modules are provided according to registered users Registered users can do a series of operations such as add albums upload and delete photos modify data after opining system The last module is used to perform for an opining administrator And if a user is not registered user he can only view the contents of the album there is no power to make the appropriate changes Keywords JAVA Electron Photo Album SSH Frames MVC 目 录 摘 要 I Abstract II 第 1 章 绪论 1 1 1 系统开发的背景和意义 1 1 2 研究内容 1 1 3 本章小结 2 第 2 章 需求分析 3 2 1 系统总体目标 3 2 2 系统数据流图 3 2 3 可行性分析 5 2 4 本章小结 7 第 3 章 概要设计 7 3 1 系统总体结构 8 3 2 系统功能模块结构 8 3 2 1 相册列表模块 9 3 2 2 新建相册模块 9 3 2 3 修改资料模块 9 3 2 4 修改密码模块 10 3 2 5 添加相册模块 10 3 3 系统 E R 图 10 3 4 本章小结 14 第 4 章 详细设计 15 4 1 系统流程图 15 4 2 数据库详细设计 17 4 2 1 数据库表的创建 17 4 2 2 数据库实现 18 4 3 管理员登陆实现 19 4 3 1 管理员登陆主页面的创建 19 4 3 2 实现过程 20 4 4 未注册用户注册实现 20 4 5 注册用户登陆实现 21 4 5 1 注册用户登陆界面的创建 22 4 5 2 注册用户登陆界面 22 4 5 3 实现过程 23 4 6 添加相册分类的实现 23 4 7 管理员登陆界面 23 4 8 管理员添加相册界面 24 4 9 按钮事件方法 24 4 10 本章小结 25 第 5 章 系统测试 26 5 1 测试目标 26 5 2 各模块测试 26 5 2 1 注册用户 26 5 2 2 管理员 29 5 3 本章小结 29 结论 30 致谢 31 参考文献 32 附录 33 第第 1 章章 绪论绪论 随着数码摄影时代的到来 不论是专业摄影师建立图片档案或是向他 人展示自己的摄影作品 还是家庭生活摄影 都需要电子相册来保管摄影 作品 如同传统的照相簿 电子相册既有展示功能也有存储和管理功能 1 1 系统开发的背景和意义系统开发的背景和意义 随着人们生活水平的逐步提高 旅游成了大家必不可少的放松项目 每当走到一个美丽的景点 每个人都会忍不住拿起数码相机照上几张留做 回忆 虽然照片最后会存入到自己的电脑里 但是时间一长 照片一多 这些有着勾起回忆的资料 就会显得杂乱无章 即不方便欣赏 也不方便 管理 而电子相册具有欣赏 传播方便 界面美观等特点 可以很好的管 理所存入的照片 不失为最佳欣赏 保存照片的相册工具 电子相册是现 在时下最流行的一种网络元素 1 它可以应该在很多的领域 例如时下最 流行的空间及博客就是大量的应该这一技术 而且受到大多数网友的认可 及追捧 其以静态照片为素材 获得源方式为扫描仪扫描 数码相机所拍 等 配合动感的背景 前景和字幕等视频处理的特殊效果 配上音乐就 可制作成电子相册 制作好的电子相册可以在电脑上 各类影碟机上 以 及手机和 MP4 里都能观看 这是电子相册技术发展到今天的一个新的突 破 即不再象传统那样 只能在电脑上或在影碟机上观看了 并且还可以 通过手机将自己的个性化 MTV 发送给远方的亲朋好友们分享 当然 如 果考虑到长期保存的话 制作成电子相册光盘那是最好的选择 金碟可保 存 100 多年之久 标准 VCD SVCD DVD 格式 兼容性好 通过影牒 机即可与家人 朋友 客户观赏 若保存在硬盘上 也便于随时调阅 欣 赏 永久保存 另外随着数码相机 手机照相等功能的普及 想必每个人手上都储存 了大量的电子相片 但这此照片如果不进行处理 仅仅以一张张图片的形 式放置在电脑上 不仅不易观赏 也不方便分类管理 是否有软件能将这 些照片整理成一本本的相册 电子相册系统平台就是一款集相册生成 浏览 专业软件 1 2 研究内容研究内容 电子相册系统是一种基于 B S 架构的系统 它采用目前最流行的 java 语言编写 2 用到了当今先进的技术如 jsp 技术 Hibernate Spring Struts 框架等来实现该系统 3 采用 MVC 框架技术提 高了系统的可维护性 4 本系统所研究的是从电子相册的管理到相册的生成等一系列的问题 大致分为 前台包括相册列表 新建相册 修改资料 修改密码 技术支 持 后台包括相册管理 本文共分 5 章 第 1 章是绪论 第 2 章是可需求分析 第 3 章是概要 设计 第 4 章详细设计 第 5 章是系统测试 1 3 本章小结本章小结 在本章中主要介绍了电子相册系统的背景和意义 国内外发展现状和 研究内容 第第 2 章章 需求分析需求分析 2 1 系统总体目标系统总体目标 为了给那些对照片管理感兴趣的朋友提供一个交流的平台 对有很多 照片需要管理的朋友 你在这里可以进行注册成为会员 上传自己的照片 也可以着浏览别人的相册 还可以修改个人资料 非注册会员你可以浏览 电子相册里别人的相片 对于管理员登陆 可以添加相册分类 人们交流的方式多种多样 但是 我们在交流的同时希望更多的了解对方 的信息 本软件即是根据此需求进行开发的 让用户能够通过注册信息 登录并更新及查询自己的相册信息 在此 基础上 用户还能够有效的掌握和共享其它资源 从而促进了相册管理的 规范化和集成化 使得用户之间的交流更加的便捷 本软件产品的最终用 户来源广泛 相同之处则是为了增进与他人之间的交流 本软件面向大众 用户使用过程中的操作也不复杂 基本功能如下 1 本系统应该具有相片浏览 2 相片上传 3 评论相片 编辑 删除相片 4 用户注册 5 用户管理 6 个人信息修改等功能 具体功能 本系统用户分为普通用户和管理员两种角色 普通用户的 功能包含浏览数据库中包含的所有相册和相片 登录系统后上传专属自己 的相片 可以查看他人相片 并且提交自己的评论 对自己的相册和相片 进行增删改查等操作 未注册用户在提交满足条件的信息后可以注册成功 并且实现登录 用户可以进行个人信息的修改 包括 qq 电子邮件 等信 息 还可以修改密码 也有退出登录功能 管理员的功能包含普通用户的 所有功能 管理员独有的功能包含添加文件功能 2 2 系统数据流图系统数据流图 1 用户使用该系统 首先需要注册用户 其次需要上传照片 这两 个是电子相册系统的输入数据流 而输出数据流包括浏览图片和查看评论 如图 2 1 描述的是电子相册系统的顶层数据流图 图 2 1 顶层数据流图 2 照片 ID 是自增列 不显示在前台页面 此外 图片名称和描述需 要用户以文本框的形式在前台输入 如图 2 2 描述的是用户在上传照片的 过程中存在的数据流图 图 2 2 上传照片数据流图 3 用户需要输入相册名称和相册简介等信息 输入到电子相册系统 如图 2 3 中描述的是新建相册数据流图 图 2 3 新建相册数据流图 4 用户需要将需要修改的信息 以文本框的形式输入到电子相册系 统 然后存储在数据库中 如图 2 4 中 描述的是修改资料的数据流图 图 2 4 修改资料数据流图 5 用户需要输入原密码和新密码 验证通过后 新密码将存储在数 据库中 如图 2 5 中描述的是修改密码数据流图 图 2 5 修改密码数据流图 6 只有管理员拥有权限 管理员通过登录验证后 以文本框的形式 向电子相册系统中输入相册种类名称 最后存储在数据库中 如图 2 6 种 描述的是添加相册的数据流图 图 2 6 添加相册数据流图 2 3 可行性分析可行性分析 电子相册系统是基于 SSH 框架来开发的 主要运用 jsp 技术 SSH tomcat 等相关技术 以 Mysql 为后台数据库 Tomcat7 0 为应用服 务器 这些应用软件都可以在网络上免费下载 并且这些软件都是些最常 用的开发工具 都能够快和好的掌握 所以对于本系统在技术上是可以达 到的 随着现化时代的来临和人们生活水平的不断提高 人们的生活方式也 变得时尚起来了 校园生活 天真浪漫 同窗友情 张张照片为您定格 欣赏昔日身姿 却因照片静态的表现方式让人觉得枯燥 一项活动结束了 留下一叠杂乱无章的照片 一本本厚重的相册 一张张因保存不善而失去 往日风采甚至毁损的照片 真让人有些不忍面对 随着电脑软件的发展 人们都迫切的需要一款软件开管理自己的照片 于是开发电子相册将给人 一种全新的留念方式 所以该软件开发的市场价值是可行的 1 软硬件需求如下 1 操作系统 windows xp 7 操作系统 2 界面 简单明了 易于非专业计算机人员使用 3 数据 存入系统中的相片格式为 JPEG 或者 BMP 4 硬件设备 PC 机 笔记本电脑 5 数据库 采用 Mysql 数据库管理 6 服务器 使用 Tomcat7 0 作为服务器 2 程序相关技术如下 1 JAVA Java 是 Sun 公司开发的编程语言 使用它可以在各式 各样不同的机器 不同操作平台的网络开发环境中开发软件 不论用户使 用的是哪一种 WWW 浏览器 哪一种计算机 哪一种操作系统 只要 WWW 浏览器上面注明了 Java 就可以看到生动的页面 用 Java 实现的 HotJava 浏览器 支持 Java applet 显示了 Java 的魅力 跨平台 动态的 Web Internet 计算 从此 Java 被广泛接受并推动了 Web 的迅速发展 常用的浏览器均支持 Javaapplet 另一方面 Java 技术也不断更新 java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言 是由 Sun Microsystems 公司于 1995 年 5 月推出的 Java 程序设计语言和 Java 平台 即 JavaEE JavaME JavaSE 的总称 Java 自面世后就非常流行 发展 迅速 对 C 语言形成了有力冲击 Java 技术具有卓越的通用性 高效性 平台移植性和安全性 广泛应用于个人 PC 数据中心 游戏控制台 科 学超级计算机 移动电话和互联网 同时拥有全球最大的开发者专业社群 在全球云计算和移动互联网的产业环境下 Java 更具备了显著优势和广阔 前景 2 JAVA EE J2EE Java2 平台企业版 Java 2 Platform Enterprise Edition 是 Sun 公司为企业级应用推出的标准平台 Java 平台共分为三个 主要版本 Java EE Java SE 和 Java ME 随着 Java 技术的发展 J2EE 平台得到了迅速的发展 成为 Java 语言 中最活跃的体系之一 现如今 J2EE 不仅仅是指一种标准平台 Platform 它更多的表达着一种软件架构和设计思想 JavaEE 本身是一个很好的技术 JavaEE 体系结构提供中间层集成框架用来满足没有太多费用而又需要高可 用性 高可靠性以及可扩展性的应用的需求 通过提供统一的开发平台 JavaEE 降低了开发多层应用的费用和复杂性 同时提供对现有应用程序集 成强有力支持 通过技术人员 厂商以及用户的共同努力 JavaEE 一定能 够成为用户进行电子商务应用和信息化建设的首选方案 3 MY SQL 本系统采用的是目前比较流行的小型数据库系统 MYSQL MySQL 是瑞典的 MySQL AB 公司开发的一个可用于各种流行操作系 统平台的关系数据库系统 它具有客户机 服务器体系结构的分布式数据库 管理系统 5 MySQL 完全适用于网络 用其建造的数据库可在因特网上 的任何地方访问 因此 可以和网络上任何地方的任何人共享数据库 MySQL 具有功能强 使用简单 管理方便 运行速度快 可靠性高 安 全保密性强等优点 提供事务和非事务的存储机制 快速的基于线程的内 存分配系统 MySQL 采用双重许可 用户可以在 GNU 许可条款下以免费 软件或开放源码软件的方式使用 MySQL 软件 也可以从 MySQL AB 公司 获得正式的商业许可 4 SHH 框架 本系统是基于 J2EE 的 SSH 种框架的集成性开发 其中包括 STRUTS 框架 SPRING 框架 HIBERNATE 框架 它们在整个 模块的开发过程中起着不同的作用 12 STRUTS 框架主要是 MVC 结构 而 MVC 把交互系统的组成分解成 模型 视图 控制器三部分 6 模型 Model 是软件所处理问题逻辑在独立 于外在显示内容和形式情况下的内在抽象 封装了问题的核心数据 逻辑 和功能的计算关系 独立于具体的界面表达和 I O 操作 视图 View 把表 示模型数据及逻辑关系和状态的信息及特定形式展示给用户 HIBERNATE 框架是一个数据持久层框架 是一种实现对象和关系之 间映射 O R Mapping 的工具 它对 JDBC 进行了轻量级的对象封装 使程 序员可以使用对象编程思想来操作数据库 7 它不仅提供了从 Java 类到数 据表的映射 也提供了数据查询和恢复机制 Spring 框架是一个开源框架主要有两大特性包括 依赖注入 IOC 和切 面 AOP 在我的这个设计中基本上只体现了其中的一部分也就是 IOC 依赖 注入 所谓的依赖注入就是 Spring 通过一种称作控制反转 IOC 的技术促 进了松耦合 8 当应用了 IOC 一个对象依赖的其它对象会通过被动的方 式传递进来 而不是这个对象自己创建或者查找依赖对象 2 4 本章小结本章小结 在本章中 通过对电子相册系统的需求分析了该系统所需要的各种因 素进行了分析 明确开发该系统所必需的前提条件 第第 3 章章 概要设计概要设计 3 1 系统总体结构系统总体结构 本系统所研究的是从电子相册的管理到相册的生成等一系列的问题 大致分为 1 相册列表 此模块是注册用户所创建的相册列表 其创建时要选择 所属的相册分类 相册名字由注册用户所规定 相册封皮也可以由用户设 定 2 新建相册 此功能是注册用户所拥有的 用户可以自己创建想要的 相册 3 修改资料 注册用户注册时填写的资料可以在再次登陆时修改 4 技术支持 介绍了所用到的知识点 5 相册分类管理 此功能是管理员登录时拥有的权限 管理员可以添 加相册的分类 如图 3 1 描述的是总体结构图 分为前台和后台 电子相册平台 前台后台 相册列表 新建相册 修改资料 修改密码 退出登陆 添加相册的分类 图 3 1 总体结构图 前台主要是普通用户操作 用户可以使用的功能包含查看相册列表 新建相册 修改资料 修改密码 退出登录 后台主要是管理员操作 完 成的主要功能是添加文件的功能 3 2 系统功能模块结构系统功能模块结构 相册管理系统分为五大模块 相册列表模块 新建相册模块 修改资 料模块 修改密码模块 添加相册模块 注 前四大模块是根据注册用户 的提供的 而如果是未注册用户只能查看相册中的内容 没有权力进行相 应的修改 进行注册后即可实现前四模块 3 2 1 相册列表模块相册列表模块 1 业务描述 管理相册的相关图片的上传 2 业务流程 用户点击相册列表可以浏览相关的相册 当然点击上传 图片就可以进入一个上传图片的页面 在该页面中用户可以根据自己的需 要上传相应的图片 为图片取名 分类 提交后返回相册列表 3 输入数据 记录编号是自增列不显示在前台页面 图片名称 文件 简介分别以文本框的形式展示在前台页面中 由用户输入 4 角色说明 此功能主要由注册用户和非注册用户使用 3 2 2 新建相册模块新建相册模块 1 业务描述 添加相册即为用户所处的相册管理模块加入一个新的相 册 2 业务流程 点击新建相册的界面 进入新建相册的主界面根据提示 输入相关的信息后选择提交 则可看到刚刚新添加的那个相册 然后可以 根据自己的需要选择是否加入相片 如果加入的话点击相册 然后点击上 传相片 根据提示填写相关的信息 然后选择上传路径单击上传 选择提 交 这样系统会自动的生成一个大图片和一个小图片 用来显示封面等操 作 3 错误处理 在填写信息的过程中不允许有不被填写的栏目 系统会 给出相应的提示 4 输入数据 由用户输入相应的数据信息 5 输出结果 其输出结果为在相册列表中给予相应的显示 6 角色说明 此功能主要注册用户使用 3 2 3 修改资料模块修改资料模块 1 业务描述 对注册用户来讲 将他们的资料从后台数据库中读取出 来然后根据用户的需要进行相应的修改 根据用户资料采集界面来采集相 应的数据 根据这些数据来更新数据库中该用户的相应资料 如果是未注 册的用户可根据提示进行注册 2 业务流程 从后台数据库中读取出来然后根据用户的需要进行相应 的修改 3 错误处理 在填写信息的过程中系统会给出相应的提示 4 输入数据 由用户输入相应的数据信息 5 输出结果 无 6 角色说明 此功能主要注册用户使用 3 2 4 修改密码模块修改密码模块 1 业务描述 对注册用户来讲 该模块是用于修改注册用户的登陆系 统平台的密码 注册用户可以根据自己的需要来修改其密码 2 业务流程 进入修改密码界面 根据提示给出需要修改的信息 输 入验证码后提交即可 3 错误处理 所有字段必须逐一给出相应的数据信息 4 输入数据 由用户输入相应的数据信息 5 输出结果 无 6 角色说明 此功能主要注册用户使用 3 2 5 添加相册模块添加相册模块 1 业务描述 该模块由系统的管理员来操作 首先系统管理员要根据 其所登陆的相关用户员和密码进行登陆 登陆后可以进行一些关于电子相 册管理系统的维护工作这里所提到的是关于相册种类的添加 可以根据后 台的添加来进行前台的相关操作 2 业务流程 管理员登陆后进行添加操作 填写添加种类的名称点击 提交后将在下面相应的下拉菜单中给予显示 3 错误处理 所填种类不能为空 若为空则给予相关 4 输入数据 由管理员给出所要加入的相关种类 5 输出结果 在下拉列表中给显示出相应的种类列表 6 角色说明 此功能主要由管理员使用 3 3 系统系统 E R 图图 1 管理员实体包含 ID 姓名和密码三个属性 在数据库中 ID 设计为 自增 姓名和密码用户自己指定 如图 3 2 所示 管理员 ID密码姓名 图 3 2 管理员 E R 图 2 相册实体包含 ID 相册名 相册描述 创建时间 访问次数等五个 属性 在数据库中 ID 设计为自增 用户在创建新相册时 需要提交相册 名 相册描述等信息 提取系统时间作为创建时间 访问次数根据用户访 问次数进行累计 如图 3 3 所示 相册 ID创建时间相册名相册描述访问次数 图 3 3 相册 E R 图 3 相册留言实体包含 ID 标题 提交时间等属性 在数据库中 ID 为 自增 用户在添加相册时提交标题 内容 提取系统时间为提交时间 如 图 3 4 所示 相册留言 ID标题提交时间内容 图 3 4 相册留言 E R 图 4 相片实体包含 ID 名称 相片描述 时间 小相片 大相片 更新 时间 封面 在数据中 ID 设计为自增 用户在添加相片操作时需要输入 名称 描述 导入照片所在路径等详细内容 满足条件后提交相片信息 如图 3 5 所示 相片 描述小相片时间大相片相片ID名称更新时间封面 图 3 5 相片 E R 图 5 相片留言实体包含 ID 标题 内容 提交时间等四个属性 其中 ID 在数据库中设计为自增 用户提交标题和内容等信息 如图 3 6 所示 相片留言 ID标题提交时间内容 图 3 6 相片留言 E R 图 6 用户实体包含 ID 姓名 密码 性别 qq 号 邮箱等属性 其中在 数据库中 ID 设计为自增 用户提交姓名 密码 邮箱 性别等信息 如 图 3 7 所示 用户 姓名 密码qq号性别ID邮箱 图 3 7 用户 E R 图 7 E R 图为管理员 相册和相册种类的 E R 图 管理员和相册之间的 联系为一对多 一个管理员可以有多个相册 一个相册只能属于一个管理 员 相册和相册种类的练习为一对多 一个相册只能属于一个相册种类 一个相册种类中可以包含有多个相册 如图 3 8 所示 图 3 8 总体 E R 图 8 E R 图为相册和相片之间的 E R 图 相册和相片之间的关系为多对 多 一个相册中可以包含有多个相片 一个相片可以在多个相册中保存 如图 3 9 所示 图 3 9 总体 E R 图 9 E R 图为相册 相册留言 管理员之间的 E R 图 其中相册和相册 留言之间的关系为一对多 一个相册可以有多个留言 一个留言只能属于 一个相册 相册留言和管理员之间的关系为一对多 一个留言只能属于一 个管理员 一个管理员可以发表多个留言 如图 3 10 所示 图 3 10 总体 E R 图 10 相片 相册留言和用户之间的关系 其中相片和相片留言之间的 关系为多对多 一个相片可以有多个留言 一个留言可以属于多个相片 相片留言和用户之间的关系为一对多 一个留言只能属于一个用户 一个 用户可以发表多个留言 如图 3 11 所示 图 3 11 总体 E R 图 3 4 本章小结本章小结 本章详细描述了系统的数据库设计 同时给出了 E R 图和数据表的设 计表格 并初步得到了系统模型和功能模块划分 第第 4 章章 详细设计详细设计 4 1 系统流程图系统流程图 1 电子相册系统用户角色分为管理员和普通用户 使用者可以根据自 己的身份选择进行不同方向的登录方式 选择普通用户登录后 有四个功 能选择 新建相册 修改资料 修改密码和相册列表功能 选择管理员登 录之后 管理员可以添加相册种类名称和退出管理两个功能 如图 4 1 所 示 开始 功能选择登录 我的相册 管理员登录 输入必要的登录信 息 进入管理员界 面 功能选择退出管理添加文件 结束 输入分类名称 提 交 功能选择新建相册 修改资料 修改密码 相册列表 图 4 1 总体流程图 2 点击新建相册的界面 进入新建相册的主界面根据提示输入相关的 信息后选择提交 则可看到刚刚新添加的相册 如图 4 2 所示 输入正确 输入用户名密码 进入新建相册页面 显示出错原因 NO YES 开始 结束 图 4 2 新建相册流程图 3 对注册用户来讲 将他们的资料从后台数据库中读取出来然后根据 用户的需要进行相应的修改 根据用户资料采集界面来采集相应的数据 根据这些数据来更新数据库中该用户的相应资料 如图 4 3 所示 输入正确 输入用户名密码 进入修改资料页面 显示出错原因 否 是 开始 结束 图 4 3 修改资料流程图 4 对注册用户来讲 如果用户有需要修改密码的需要 点击修改密码 超链接 进入修改密码的 jsp 页面 在输入原始密码正确的前提下 才能 修改密码 如果输入原始密码错误的话 系统会提示用户 密码输入错误 系统检测密码输入正确后 会检测输入的新密码时都满足密码的条件 如 果不满足 会提示用户再次输入密码 如图 4 4 所示 输入正确 输入原密码和新密码 密码修改成功 显示出错 否 是 开始 结束 图 4 4 修改密码流程图 4 2 数据库详细设计数据库详细设计 4 2 1 数据库表的创建数据库表的创建 1 管理员信息表包括管理员 ID 用户名 密码等详细信息 如表 3 1 所示 表 3 1 管理员信息表 字段名字段类型字段大小能否为空默认备注 ad id整形11否null ad name文本200是null ad pass文本200是null 2 用户注册信息表包括用户 ID 用户名 密码 性别 邮箱 QQ 等 详细信息 如表 3 2 表 3 2 用户信息表 字段名字段类型字段大小能否为空默认备注 c id整形11否null c name文本200是null c pass文本200是null c sex文本1是null 3 相册信息表包括相册 ID 相册名 简述 创建日期 创建时间等详 细信息 如表 3 3 表 3 3 相册信息表 字段名字段类型字段大小能否为空默认备注 a id整形11否null a name文本200是null a desc文本200是null a create date时间0是null a times时间0是null c id整形11是null k id整形11是null 4 照片信息表包括相片 ID 相片名 相片简述 上传时间 相片大小 等详细信息 如表 3 4 表 3 4 相片信息表 字段名字段类型字段大小能否为空默认备注 p id整形11否null p title文本200是null p desc文本200是null p times文本0是null p pic时间200是null p big pic文本200是null p small pic文本200是null p up date时间0是null p cover文本1是null a id整形11是null 4 2 2 数据库实现数据库实现 create database friend 注意不同操作系统对大小写的敏感 数据库中创 建的所有的数据库表 如图 4 5 所有的数据库表 其中 admin 表为管理员表 在其中存储的 用户具有管理员的权限 album 表示相册表 album kind 表示相册种类表 album word 表示相册留言表 client 表示用户表 photo 表示相片表 photo word 表示相片留言表 图 4 5 数据库表 1 创建的 admin 管理员表 表 4 1 管理员表 ad idad namead pass 1adminadmin 如表 4 1 admin 表中存储的是管理员的列表 只有一条数据 ID 为 1 name 为 admin 密码为 admin 2 创建的 album 相片列表 表 4 2 相片列表 ad idad namea desc a create deate A tim es c id k id 1GoodGame 当年一起 快乐的时 光 2014 5 27 15 57 36 103 1 2花花语 2014 5 28 19 39 39 41 1 31123123 2014 5 28 19 50 43 21 1 如表 4 2 中 album 表中存储的是相册种类的列表 有三条数据 3 创建 album kind 相册种类表 表 4 3 相册种类表 k idk namek desc 1大学同学这是大学同学 2高中同学这是高中同学 3初中同学这是初中同学 4小学同学这是小学同学 如表 4 3 中 albun king 是储存的相册种类列表 有四条数据 4 3 管理员登陆管理员登陆实现实现 4 3 1 管理员登陆主页面的创建管理员登陆主页面的创建 在页面表现上 采用 CSS 样式表的方式 用记事本编写一个 css 文件 css css 每个 jsp 页面都引入这个文件 这样当需要变更页面图片背景等 静态属性时 就直接修改 css 文件 而无需对页面本身进行任何改动 大 大提高效率 除此之外 本系统平台引入了现在网络上较为流行的验证码 机 所谓验证码就是将一串随机产生的数字或符号 生成一幅图片 图片 里加上一些干扰象素 防止 OCR 由用户肉眼识别其中的验证码信息 输 入表单提交网站验证 验证成功后才能使用某项功能 在电子相册系统中 也就是说管理员除了给出用户名和密码外还要另再填入给出的验证码 这里 的验证码是六位的 点击 GO 才能以管理员的身份进行电子相册的后台管理 界面 4 3 2 实现过程实现过程 管理员功能模块主要包括以下功能 1 管理员登录 用于登录系统 2 添加分类 用于增加分类 3 管理员退出 用于管理员的登陆界面 Struts 的核心在于它的 Action 一般在 Action 类中实现对页面的逻辑 跳转工作 管理员功能模块的 Action 实现类继承了 DispatchAction 类 Action 类的子类 实现多业务的操作 在该类中首先需要在属性中实例 化管理员模块的 ManagerDao 类 该类用于实现与数据库的交互 系统登录模块是电子相册管理系统中最先使用的功能 是进入系统的 入口 在系统登录页面中 管理员可以通过输入正确的管理员账号和密码 进入到系统 当用户没有输入管理员账号或密码时 系统会通过 JavaScript 进行判断 并给予提示信息 在管理员登录页面的管理员名称和管理员密码文本框中输入正确的管 理员名称和密码后 单击 确定 按钮 网页会访问一个 URL 这个 URL 是 manager Action do method checkManagerAction 从该 URL 地址中可 以知道系统登录模块涉及到的 method 的参数值为 checkManagerAction 也就是当 method checkManagerAction 时 会调用 ManagerAction 类验证 管理员身份的方法 checkManagerAction 该类继承了 DispatchAction extends DispatchAction 实现 Struts 中的多业务操作 4 4 未注册用户注册未注册用户注册实现实现 未注册用户登陆的界面设计要简洁明 注册有一个主页面 首先进行 的是填写注册信息 然后进行提交操作 图 4 6 未注册用户注册 在注册用户登陆的 register jsp 界面中 验证正确的话会跳转到 clientReg do 也就是在 struts config xml 配置文 件的代码中可以看出 代码中可以看到如果它所属的 form 为 clientRegForm Struts config xml 中对应的 form bean 如图 4 6 中截图显示的是未注册用户的注册界面 普通用户进入电子 相册系统后 可以点击注册超链接进入注册界面 在输入满足条件的注册 信息之后 系统将该注册信息录入数据库中 在页面表现上 采用了 CSS 样式表的方式 用记事本编写了一个 css 文件 css css 每个 jsp 页面都引入这个文件 这样当需要变更页面图片背 景等静态属性时 就直接修改 css 文件 而无需对页面本身进行任何改动 大大提高效率 该模块完成用户注册的过程 用户注册后才能完成图书订 阅等功能 流程分析本模块包含了两个页面文件 register htm 完成用户注册信息 录入 register jsp 完成检查数据的可靠性 符合要求的数据写入 userinfo 数据表 在这个模块里 用户可以输入 性别 昵称 密码 重复密码 QQ e mail 验证码等信息 然后单击 注册 按钮提交注册信息 如果 注册所用的用户名已经存在于数据库中 系统会报错 如果用户数据的 新密码 和 新密码确认 内容不一致 系统也会报错 用户一旦通过注册 就在数据库中存储了该用户的注册信息 该用户就可以凭此信息进行登录 4 5 注册用户登陆注册用户登陆实现实现 注册用户登陆的界面设计要简洁明 登陆有一个主页面 首先进行的 是验证 判断登陆者的权限 注册用户登陆界面 图 4 7 注册用户登陆 如图 4 7 中截图显示的是普通用户登录界面 普通用户需要输入满足 条件的用户名和密码之后 系统跳转至主界面 4 5 1 注册用户登陆界面的创建注册用户登陆界面的创建 在页面表现上 采用 CSS 样式表的方式 用记事本编写一个 css 文件 css css 每个 jsp 页面都引入这个文件 这样当需要变更页面图片背景等 静态属性时 就直接修改 css 文件 而无需对页面本身进行任何改动 大 大提高效率 除此之外 本系统平台引入了现在网络上较为流行的验证码 机 也就是说注册用户除了给出用户名和密码外还要另再填入给出的验证 码 这里的验证码是四位的 点击登陆才能以管理员的身份进行电子相册的 后台管理界面 除此之外用户可以点击更换来重新成生验证码 4 5 2 注册用户登陆界面注册用户登陆界面 注册用户权限进入时 其登陆成功界面如如图 所示 这里以 tomcat 为用户名登陆举例 图 4 8 注册用户登陆 如图 4 8 中截图显示的是登陆成功后的显示界面 因为注册之后首次 登录 因此系统中没有任何照片信息 设计思想 用户登录模块 该模块需要确认三部分信息 首先得确认系统用户的 身份 是否存在该用户 其次 若该用户存在则判断用户的密码 最后 若密码正确则判断用户的角色 三部分信息都正确则登陆到系统主页面 登陆界面是 Web 应用项目中的大门 它能阻止一些 非法用户 访问 Web 项目中的功能 4 5 3 实现过程实现过程 验证的过程是注册验证 把注册信息发送到服务器 由服务器存进数 据库 验证的时候 把客户端登陆时发过来的用户信息跟数据库中的比较 相同即通过验证 否则提示错误信息 4 6 添加相册分类的实现添加相册分类的实现 管理员功能中添加相册的界面设计要简洁明 添加相册有一个主页面 首先要进行相应的数据输入 然后提交操作 4 7 管理员登陆界面管理员登陆界面 如图 4 9 所示 即为管理员登陆主界面 管理员可以输入自己的账号 密码以及验证码即可登陆 进入后即可进行管理操作等 图 4 9 管理员登陆 在管理员登陆的 login jsp 界面中 从上面的代码可以看出如果返回的是真值也就是说验证正确的话会跳 转到 adminLogin do 也就是 进行相应的跳转 4 8 管理员添加相册界面管理员添加相册界面 1 管理员添加相册界面如图 图 4 10 理员添加相册界面 如图 4 10 图显示的是系统管理员登录成功之后的界面 管理员可以添 加相册分类 提交成功后显示分类信息 2 管理员添加相册的创建 在页面表现上 采用 CSS 样式表的方式 用记事本编写一个 css 文件 css css 每个 jsp 页面都引入这个文件 这样当需要变更页面图片背景等 静态属性时 就直接修改 css 文件 而无需对页面本身进行任何改动 大 大提高效率 在页面步局和设计方面在此就不多加以介绍 下面的部分中 主要介绍一下具体的实现过程 4 9 按钮事件方法按钮事件方法 创建一个新的按钮 JButton about new JButton 这个按钮该放到菜单区 toolBar add about 要为按钮添加事件响应 需要 使用 about addActionListener this 来告诉程序监听按钮按下时的事件 ActionListener 是一个程序接口 public class KyodaiUI extends JFrame implements ActionListener 实现 ActionListener 接口是为了告诉程序我 要进行事件处理了 最后我们得添加响应事件的代码 public void actionPerformed ActionEvent e if e getSource about JOptionPane showMessageDialog this 数据 1 数据 2 JOptionPane INFORMATION MESSAGE return 4 10 本章小结本章小结 本章进行了系统的详细设计与实现 首先简单得进行了该系统的系统 流程介绍 然后对系统的新建相册功能 修改资料功能 修改密码功能等 进行 第第 5 章章 系统测试系统测试 5 1 测试目标测试目标 软件测试的目标是 测试是为了发现程序中的错误而执行程序的过程 好的测试方案是极可能发现迄今为止尚未发现的错误的方案 成功的测试 方案是发现了至今为止尚未发现的错误的测试 测试目标决定了测试方案的设计 如果是为了表明程序的正确性而进 行测试 就会设计出一些不易保露错误的测试方案 如果测试是为了发现 程序中的错误 就会力求设计出最能暴露错误的测试方案 5 2 各模块测试各模块测试 如表 5 1 所示 为每个界面所测试的条件以及动作 可以根据此表对每 个界面进行测试 表 5 1 测试用例表 开始界面开始界面条件条件动作动作结束页面结束页面备注备注 用户登陆 主页面 管理员登陆 主菜单页面 登录和注册过 程中系统会进 行验证 主菜单页面选择一个相册点击该相册相册列表页面 初始显示第一 页 相册列表页面选择一个相册点击该相册相片显示页面 初始显示第一 页 相片显示页面查看相片点击相片相片显示页面查看相片 留言显示页面查看评论点击相片相片显示页面 在相片列表中 显示留言的内 容 添加文件页面 管理员登陆成 功 点击添加文件 分类按钮 添