Java-web--电子相册-实习报告(共19页).doc

精选优质文档-倾情为你奉上河 北 科 技 大 学信息科学与工程学院实 训 报 告学生姓名： 学 号： 专业班级： 实训地点： 河北科技大学 实训时间： 2011.12.5-2012.01.5 指导教师： 2011 年 12月学生姓名学 号成绩专业班级软件L081起止时间2011.12.5-2012.01.5实训地点指导教师评语 指导教师： 年 月 日实训成绩评定表一、 实训目的 在学生具备了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） 用户注册普通用户可以通过电子相册的首页来进行注册，注册信息：使用5-10位字母、数字或者汉字作为用户名；使用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. 管理员信息表表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 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.2. 温尚书，陈石华，万欣，Java Web编程入门与实战，人民邮电出版社，2010.专心-专注-专业