河北科技大学实训报告.doc

河 北 科 技 大 学
信息科学与工程学院

实 训 报 告

学生姓名：王 晓 辉 学 号： 09L0705120
专业班级： 软 件 工 程 L091
实训地点： 信息楼A305
实训时间： 2012.12.5 -2013.01.16

指导教师： 张 晓 明

2 013 年 1 月

实训成绩评定表
学生姓名
王晓辉
学 号
09L0705120
成绩

专业班级
软件L091
起止时间
2012.12.05-2012.01.16
实训地点
信息楼A305
指
导
教
师
评
语

指导教师：

年 月 日

目录

一、实训目的…………………………………………………………………………4
二、实训任务与要求…………………………………………………………………4
三、实训过程与内容…………………………………………………………………4
1、需求分析………………………………………………………………………4
1.1 总体设计…………………………………………………………………4
1.2 功能需求…………………………………………………………………5
1.3 系统用例图………………………………………………………………5
1.4 整体构架分析……………………………………………………………7
2、系统详细设计…………………………………………………………………8
2.1 开发环境搭建……………………………………………………………8
2.2 数据库设计………………………………………………………………9
2.3 实体实现…………………………………………………………………11
2.4 系统实现效果……………………………………………………………12
四、实训总结与心得体会……………………………………………………………18
五、参考文献…………………………………………………………………………18

一、实训目的
实训课程要求学生具有一定的java程序设计知识与面向对象的基础，为了进一步提高项目实践能力，开拓创新能力。为了更好地掌握使用JSP应用程序设计的基本技能，熟练使用myeclipse进行web应用程序的编写和调试。实训要求根据项目开发的整个过程，在项目开发过程中，逐渐熟悉知识点，掌握java B/S结构程序的运行原理和应用技能，进而完成一个完整的软件开发项目。
二、实训任务与要求
1、 掌握java集成开发环境myeclipse的使用和调试方法。
2、 利用JSP+Servlet+JavaBean实现web应用技术。
3、 掌握分层体系结构开发的技巧，完成老师指定的开发技术。
4、 实训课程是围绕一个完整的java项目而展开的。
5、 每个项目内容相对独立，通过迭代整合，进而完成一个完整的软件系统。
三、实训过程与内容
1.需求分析
1.1 总体需求
该设计系统要具有实用性，功能完善，界面良好。设计该系统的流程如图1所示。
开始程序
功能需要
流程设计： 程序设计：

初始化

页面设计

条件

数据库设计

代码操作
代码设计

图1 程序设计流程图
1.2 功能需求
系统具有登录验证，修改密码，创建分类，类别管理，图片管理，添加图片，评论管理等功能，详细如图2。

图2 电子相册系统功能结构图
1.3 系统用例图
1.3.1 用户用例
普通用户登录系统后，可以点击缩略图的图片名称或者图片进而浏览大图，并在此基础上为此大图添加评论，同样，用户也可以在查看大图的同时，查看其他用户对该图片的评论，如图3所示

图3.普通用户用例图

1.3.2 管理员用例
管理员需要验证登录密码登录后台，当然可以修改管理员密码，然后，管理员可以创建、删除、修改图片分类，进而可以在每个分类目录下上传自己喜欢的图片，其中，管理员还有权删除游客对所上传照片的负面评论，如图4 所示。

图4管理员用例图

1.密码修改
管理员登录后，可以根据自己的意愿修改密码，以确保自己的密码安全。
2.添加新图片
管理员可以根据需要为相册添加新图片，添加新图片时除了需要填写图片名称外，管理员还可以为图片进行说明，以便用户能了解更多的信息。
3.图片管理
管理员可以在相册内进行图片的管理，如删除图片，或者将图片设置为相册的封面。
4.删除图片评论
在用户的查看中可能会为图片进行评论，有一些评论信息，管理员可能不希望保留，管理员就可以将这些评论删除。
5.相册管理
在相册管理中可以看到相册的详细信息，如相册的创建时间、相册名称、相册说明、相册内拥有的图片数量，管理员还可以删除相册，删除相册则会将里面的图片一起删除。
1.4 整体构架分析
本系统实现采用分层思想，整个系统的层次分为：表示层、业务逻辑层、数据操作层和实体层。以下是各层的作用：
表示层：实现与用户的交互，用来接收用户输入和显示输出。
业务逻辑层：实现业务逻辑方法。
数据操作层：实现对实体类对象的各种操作的方法，包括添加、修改、删除和查询等。
实体层：实现类与现实中事物的映射。
表示层调用业务逻辑层的方法，业务逻辑层调用数据访问层的方法，而业务逻辑层和数据访问层都要用到业务实体层中的实体类。各层之间的调用关系如下图所示：

（1） 用户关系逻辑图：

图5 用户关系逻辑图
（2）类别关系逻辑图：

图6 类别关系逻辑图

（3）图片管理关系逻辑图：

图7 图片关系逻辑图

（4）评论管理关系逻辑图：

图8 评论管理关系逻辑图

2、系统详细设计
2.1开发环境搭建
在MyEclipse中配置好Tomcat服务器，配置好SQL 2008数据库在MyEclipse中利用jdbc驱动访问SQL数据库，利用MyEclipse部署Web应用程序，在SQL创建用户表。SQL的数据库编码设置为UTF-8，这样有利于Web项目开发时，中文编码的一致性。MyEclipse中Tomcat服务器的设置时，要将JVM设置为本机的JDK安装路径，而非JRE的路径，使用navicate lite创建用户表。

2.2 数据库设计
2.2.1 概念模型的设计
概念模型不涉及信息在计算机系统中的表示，是面向现实世界的第一层抽象，主要用于按照用户的观点来对数据和信息进行建模，作为现实世界和机器界的一个中间层次，是数据库设计人员进行数据设计的工具和与用户进行交流的语言。
（1）.用户和管理员实体类
在相册管理系统中，用户实体是普通用户和管理员，用户实体主要包括用户名称、用户密码、编号ID等属性，用户实体的E-R图如图 9 所示

图9 用户关系图

（2） 图片实体
图片实体主要包括编号ID、图片名称、添加时间、说明、存放路径、类别ID，图片实体的E-R图如图10所示。

图10 图片关系图
（3）类别实体
相册实体主要包括编号ID、相册名称、创建时间、说明、封面图片ID、拥有的相片数量。相册实体的E-R图如图11所示。

图11类别关系图
（4）评论实体
评论实体主要包括编号ID、内容、评论时间、用户名、图片ID。评论实体的E-R图如图12所示。

图12 评论关系图

2 数据库表的设计
根据关系图，可以得出实体表的结构如下
1 管理员信息表

图 13 用户表
2 图片信息表

图 14 图片表
3 类别信息表

图 15 类别表
4 评论信息表

图 16 评论表
2.3 系统实现
1 数据库的连接实现
数据库的连接的实现是根据的connection的两个类实现数据库的连接，代码如下

图 16 数据库连接
2 JavaBean的实现
在电子相册系统中总共定义了四个JavaBean的类，位于pojo包下的classes.java(相册实体类)、Photos.java(图片实体类)、Comments.java(评论实体类)和Users.java。

图 17 pojo包

3 Dao层的实现
Dao层是用于前台与后台数据库的交流，主要用于查询数据库用的，通常的方法有增、删、改、查。

图18 Dao包

4 Action的实现
Action通过调用Dao的方法，返回不同的页面，然后再在服务器中，跳到不同的页面，显示出所需要的效果。

图 19 Action包

2.4 系统实现效果

（1）要进入系统，要进入系统管理，则先需要登录才行，登陆界面如下：

图20 用户登录界面

（2） 管理员登录到系统后，进入到管理中心的首页，相册主页是用户展示相片的页面，对该系统的相册和相片一览无余。同时它也是电子相册的“导航”，可以链接到上传照片、创建相册、修改密码、图片管理、返回首页、退出登录等功能。在进入“相册主页”，如图所示。用户可直接或用打开相册的方式浏览主页上的照片和相册里的照片，点击主页左方的各种链接可以进入相应的操作，进入其他功能界面

图 21 管理首页
（3） 管理员可以修改自己的密码，以确保安全
通过“相册主页”左链接点击“修改密码”进入到“修改密码页面”，根据提示输入修改后的密码，选择提交，则显示“密码修改成功！”。修改密码完成后，可选择界面上方的“返回主页”和“退出登录”执行相关的操作。操运行结果如图所示。

图22 修改密码
（4）用户可以根据自己的需要来创建新的相册，把照片分类。
通过“相册主页”链接点击“添加分类”进入到“添加分类页面”，根据提示输入新创建的相册名称，选择创建，则新建分类成功，转到新建的相册里。创建相册完成后，可选择界面上方的“返回主页”和“退出登录”执行相关的操作。运行结果如图所示。

图23 添加分类

（5） 当创建相册分类后，可以对相册分类管理，查看甚至删除
通过相册首页的分类管理，连接到分类管理的管理页面，可以对已有的相册进行删除和编辑，当删除的相册下有相册时，会弹出新的页面，需要先删除其下的图片才能删除相册，也可以编辑分类，编辑完后，可以通过返回首页和退出登录返回首页。

图24 分类管理
（6） 可以对分好的相册添加图片，如下
通过“相册主页”链接点击“添加图片”进入到“添加图片页面”，根据提示填写图片名称，选择所属分类，然后选择图片地址，当点击确定之后，图片添加成功。可选择界面上方的“返回主页”和“退出登录”执行相关的操作。运行结果如图所示。

图 25 添加图片

（7） 当添加了图片后，可以对图片整体管理，查看，删除图片
通过“相册主页”链接点击“管理图片”进入到“管理页面”，可以查看不同分类下的图片，然后可以对图片进行查看，编辑甚至删除，也可以点击小图，查看大图。当操作完成后，可选择界面上方的“管理首页”和“退出登录”执行相关的操作。运行结果如图所示。

图26 图片管理（1）

图 26 图片管理（2）

图 26 图片管理（3）

（8） 查看了相册的图片，也可以对照片的评论管理
通过“管理首页”链接点击“评论管理”进入到“管理页面”，可以查看不同图片的评论情况，也可以进行查看也删除，操作完成后，点击“管理首页”和“退出登录”返回。运行结果如图所示。

图 27 评论管理
四、 实训总结与心得体会
经过这一个多月的实训，收获颇丰，以前虽然学过java web的一些知识，但看到了只是有种似曾相识的感觉，然而真正操作起来，却不知道从何下手，通过这次的实训学到了很多知识，受益匪浅。
这次实训用到了MVC架构，SQL数据库，JDBC数据库连接技术以及myeclipse集成开发环境，另外还有分页技术，ajax技术等等，是大学里用到知识最全的也是最详细的用到一个系统里面，在完成这个系统的过程中，不免遇到了一些困难和挫折，在解决问题时，才是最能学习知识的过程，这是做这个系统最大的收获。 实训期间，经过努力学习新知识，运用新知识。从新的一方面去了解学到的知识，从而对我的知识有所提升，提高实践与理论统一认识。认识到理论与实践的差距，提高了自己的动手能力。
通过开发电子相册项目，不但熟练掌握了软件集成开发环境Myeclipse 9.0的使用，还学会了Tomcat 7.0服务器、sql数据库级相关组件的使用，培养和锻炼了独立从事开发项目系统的能力，而且通过对电子相册系统的管理的操作，加深了对管理信息系统的原理、技术、方法、工具、步骤和有关理论知识的理解和认识，为今后在工作岗位上更好的利用jsp技术开发网站打下良好的基础。

五、参考文献

1. 孙卫琴.《精通Struts基于MVC的Java Web设计与开发》电子工业出版社，2004年08月
2 .孙卫琴 《java面向对象编程》 电子工业出版社 2006年7月
3. 孙卫琴 李洪城 《Tomcat与JavaWeb开发技术详解》 电子工业出版社 2004年4月
4. (美)Jason Brittain,Ian F.Darwin 《TOMCAT权威指南》中国电力出版社 2004年7月
18