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