Java web 电子相册 实习
报告
软件系统测试报告下载sgs报告如何下载关于路面塌陷情况报告535n,sgs报告怎么下载竣工报告下载
河 北 科 技 大 学
信息科学与工程学院
实 训 报 告
学生姓名: 学 号: 专业班级: 实训地点: 河北科技大学 实训时间: 2011.12.5-2012.01.5
指导教师:
2011 年 12月
学生姓名 学 号 成绩 专业班级 软件L081 起止时间 2011.12.5-2012.01.5
实训地点
指
导
教
师
评
语
指导教师:
年 月 日
实训成绩评定
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
一、 实训目的
在学生具备了java程序设计知识与面向对象技术的基础上,为了进一步提高项目实践能力、开拓创新能力。掌握使用JSP应用程序设计的基本技能,熟练使用Eclipse进行Web应用程序的编写、调试。结合案例详细说明Java Web软件项目的整个开发过程,在项目开发过程中逐步熟悉知识点,掌握Java B/S结构程序的运行原理和应用技能,最后完成一个完整的软件开发项目。
二、 实训任务和要求
1、掌握java集成开发环境(IDE)Eclipse的使用和调试方法。 2、利用JSP+Servlet+JavaBean实现Web应用开发。
3、掌握分层体系结构开发的技巧。
4、完成电子相册项目并应用以上方法。
三、 实训过程与内容
电子相册项目的需求分析
(一) 电子相册项目功能分析
电子相册项目主要包括一下两个模块。
(1) 管理员模块
本模块主要是由管理员登录,管理员修改密码,相册管理,图片管理四部分组成,管理员可以添加相册,删除相册,添加图片,删除图片,查看评论,删除评论
(2) 普通用户模块
本模块主要由登录,注册,查看图片,对图片发表评论四部分组成 (二) 电子相册项目技术架构图
用经典的MVC分层设计模式,将模型(Model)、视图(View)、控制器(Control)各层单独设计实现,各层之间也有联系。这样便于代码重用和维护,具有良好的可读性、可重用性和可扩展性。电子相册项目技术框架图如图1所示:
图1 项目技术框架
电子相册项目的概要设计
(一) 系统功能模块图
本系统分为前台和后台设计,其中前台设计针对的是普通用户,后台设计针对的是管理员。
1. 前台设计
前台设计主要实现的功能有:登陆、注册、查看图片、发表评论。前台功能模块图如图2所示:
图2前台功能模块图
2. 后台设计
后台设计实现的功能主要有:管理员登陆、密码修改、相册管理、添加图片、查看图片,管理评论。后台功能模块图如图所示:
图3后台功能模块图 (二) 系统的用例图
用例图是实现对系统功能更全面的描述,根据系统功能模块来对用户的功能一一的说明。
1. 普通用户
普通用户一般使用的功能如图4所示。
图4 普通用户用例图
(1) 用户注册
-10位字普通用户可以通过电子相册的首页来进行注册,注册信息:使用5母、数字或者汉字作为用户名;使用8-20位字母或者数字作为密码,由于系统中不允许存在相同的用户名,所以在用户进行注册时,可以
检测
工程第三方检测合同工程防雷检测合同植筋拉拔检测方案传感器技术课后答案检测机构通用要求培训
一下用户名是否已经存在。
(2) 浏览图片
用户可以点击进入相册,然后查看相册内的图片
(3) 查看单个大图
用户点击相册内的小图片,进入到查看相应大图片的页面,页面中显示了图片的相关信息,如图片名称、添加时间、图片说明等等,除此在外还能查看到所有用户对这张图片的评论。
(4) 添加评论
当用户查看到大图时,如果对该图片想进行评论,就可以在图片下面的文本框内输入评论信息发表评论,发表的评论可以被其他用户查看到。
2. 管理员
管理员除一般功能外拥有了添加图片和添加类别,管理评论的功能,管理员
使用的功能如图5所示:
图5 管理员用例图
(1) 添加新图片
管理员可以根据需要为相册添加新图片,添加新图片时除了需要填写图片名称外,管理员还可以为图片进行说明,以便用户能了解更多的信息。
(2) 图片管理
管理员可以在相册内进行图片的管理,如删除图片,或者将图片设置为相册的封面。
(3) 删除图片评论
在用户的查看中可能会为图片进行评论,有一些评论信息,管理员可能不希望保留,管理员就可以将这些评论删除。
(4) 相册管理
在相册管理中可以看到相册的详细信息,如相册的创建时间、相册名称、相册说明、相册内拥有的图片数量,管理员还可以删除相册,删除相册则会将里面的图片一起删除。
管理员详细的用例图如图6所示。
图 6 管理员详细用例图
(三) 项目的总体流程图
根据电子相册项目的需求分析,项目的总体流程图可以从前台和后台两个角度进行。
1. 前台普通用户系统流程图
按照系统的功能分析,我们知道普通用户可以操作的功能就是注册、登录、查看图片、发表评论。它的流程图如图7所示。
图7普通用户流程图
2. 后台管理员系统流程图
从功能分析看管理员拥有添加图片,删除图片,添加相册,删除相册,删除评论等功能,流程图如图8所示。
图8管理员流程图
数据库项目的数据库设计
(一) 数据库的概念模型
概念模型不涉及信息在计算机系统中的表示,是面向现实世界的第一层抽象,主要用于按照用户的观点来对数据和信息进行建模,作为现实世界和机器世
界的一个中间层次,是数据库设计人员进行数据设计的工具和与用户进行交流的语言
概念模型的表示方法有很多,其中最著名最常用的就是P.P.S.Chen于1976年提出的实体—关系模型(E-R方法)。
(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
(5) 系统总体E-R图
系统总体E-R图说明了实体与实体之间的关系,实体用矩形表示属性用椭圆表示,联系用菱形表示,如图13所示。
图13
(二) 数据库表的设计
1. 管理员信息表
表1
admin表
2. 用户信息表
表2
user表
3. 图片信息表
表3
photo表
4. 类别信息表
表4
Leibie表
5. 评论信息表
表5
Pinglun表
电子相册系统的详细设计
(一) 公共模块的详细设计
1. 连接数据库的实现,是通过util包下的DB类
package com.show.util;
import java.sql.*;
public class DB {
public static Connection createConn() {
Connection conn = null;
try {
Class.forName("com.mysql.jdbc.Driver");
conn =
DriverManager.getConnection("jdbc:mysql://localhost
/photo", USERNAME,PASSWORD);
} catch (ClassNotFoundException e) {
e.printStackTrace();
} catch (SQLException e) {
e.printStackTrace();
}
return conn;
}
2. JavaBean的实现,在电子相册系统中总共定义了三个JavaBean的类,
位于bean包下的Album.java(相册实体类)、Photo.java(图片实体类)、
Pinglun.java(评论实体类)。
3. Dao层的实现
Dao层是用于前台与后台数据库的交流,主要用于查询数据库用的,
通常的方法有增、删、改、查。
(二) 管理员的详细设计
1. 管理员的操作界面如图14所示
图14 管理员首页
2. 管理员登录的界面如图15所示
图 15 管理员登录界面
3. 管理员通过修改密码界面进行密码修改。管理员修改密码界面如图
16所示
图 16管理员修改密码界面
4. 管理员通过添加图片界面进行图片的添加如图17所示
图 17 添加图片
5. 管理员相册管理界面如图18所示
图18
(三) 用户的详细设计
1. 普通用户首页如图19所示
图19 普通用户首页
2. 用户注册界面如图20所示
图 20用户注册
3. 用户登录成功后就进入到了相册列表界面,如图21所示
图 21相册列表界面
4. 用户查看大图,并且可以对图片进行发表评论,查看大图界面如图
22所示
图 22查看大图界面
电子相册项目开发过程中遇到的问题
) JSP中出现的常见问题 (一
1. 方法调用的相关问题,如缺少符号、参数不对称、参数类型不对称等。
比如说要获取一个整型的参数,用request中的getParameter()方法必
需强制类型转换:int id=Integer.pareInt(request.getParameter(“id”));
2. 汉字处理问题。
? JSP页面中文显示:在page中设置编码为utf-8;
? 获取表单数据:改变编码方式。
response.setContentType(“text/html;charset=utf-8”);
request.setCharacterEncoding(“utf-8”);
response.setCharacterEnconding(“utf-8”);
3. JSP指令不正确、JSP指令没有正常结束,HTML标签没有正常结束等
页面标签的错误。
4. 变量的相关错愕,如变量没有定义、变量未初始化、变量超过了数据
库中定义的范围等。
(二) Servlet中出现的常见错误
1. 执行JSP页面时发生500的错误:原因大多是JSP页面发生编译错误。 2. 执行Servlet发生404的错误。
? 大多提示是找不到路径的错误,很可能是web.xml配置中出错。
? 表单提交时action路径出错。
? 地址栏中的url出错。
3. 执行servlet时发生500的错误:原因大多是servlet中代码发生异常
的错误。
4. 执行servlet时,发生下载保存的提示:
? text/html;charset=utf-8中间分号写成了逗号。
? web.xml中配置出错。
);也会提示下载保存。 ? 在servlet中跳转语句写成out.println(“”
(三) 其他常见错误
1. 上传图片时,提示路径获取不到,一般是获取路径的方法不对;正确
的写法为String basePage=this.getServletContext().getRealPath(“/”);
2. 提示java.lang.NullPointerException和java.sql.SQLException,一般是数
据库的问题或者是DAO层中连接数据库的方法的问题。
结论
至此,基于JavaWeb技术的电子相册项目的设计与开发已经顺利完成。在这几天的试运行的过程中,在连接数据库是一度出现过得错误,经过调试改正后错误点全部清除,此系统可以按着设计思路和需求功能正常运行。
通过开发电子相册项目,不但熟练掌握了软件集成开发环境Myeclipse 9.0的使用,还学会了Tomcat 6.0服务器、Mysql数据库级相关组件的使用,培养和锻炼了独立从事开发项目系统的能力,而且通过对电子相册系统的管理的操作,加深了对管理信息系统的原理、技术、方法、工具、步骤和有关理论知识的理解和认识,为今后在工作岗位上更好的利用jsp技术开发网站打下良好的基础。
实训期间,我努力学习新知识,运用新知识。从新的一方面去了解课本知识,从而对我们的知识螺旋上升,提高实践与理论统一认识。认识到理论与实践的差距,提高了自己的动手能力。指导老师一认真指导我们的工作问题,增加工作认识与理论,扩充职业基本素质要求。
虽然实训的时间短暂,但它却是我们对知识理论的认知,深化知识与实践的关系加强实践的重要性。
参考文献
1. 邱加永,卞志城,郑经煜,《JSP基础与案例开发详解》,清华大学
出版社,2009.
温尚书,陈石华,万欣,《Java Web编程入门与实战》,人民邮电出版社,2010.