Java-web--电子相册-实习报告

河北科技大学信息科学与工程学院实训报告学生姓名：学号：专业班级：实训地点：河北科技大学实训时间：2011.12.5-2012.01.5指导教师：2011年12月实训成绩评定表学生姓名学号成绩专业班级软件L081起止时间2011.12.5-2012.01.5实训地点指导教师评语指导教师：年月日一、实训目的在学生具备了java程序设计知识与面向对象技术的基础上，为了进一步提高项目实践能力、开拓创新能力。掌握使用JSP应用程序设计的基本技能，熟练使用Eclipse进行Web应用程序的编写、调试。结合案例详细说明JavaWeb软件项目的整个开发过程，在项目开发过程中逐步熟悉知识点，掌握JavaB/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类packagecom.show.util;importjava.sql.*;publicclassDB{publicstaticConnectioncreateConn(){Connectionconn=null;try{Class.forName(com.mysql.jdbc.Driver);conn=DriverManager.getConnection(jdbc:mysql://localhost/photo,USERNAME,PASSWORD);}catch(ClassNotFoundExceptione){e.printStackTrace();}catch(SQLExceptione){e.printStackTrace();}returnconn;}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()方法必需强制类型转换：intid=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.上传图片时，提示路径获取不到，一般是获取路径的方法不对；正确的写法为StringbasePage=this.getServletContext().getRealPath(“/”);2.提示java.lang.NullPointerException和java.sql.SQLException,一般是数据库的问题或者是DAO层中连接数据库的方法的问题。结论至此，基于JavaWeb技术的电子相册项目的设计与开发已经顺利完成。在这几天的试运行的过程中，在连接数据库是一度出现过得错误，经过调试改正后错误点全部清除，此系统可以按着设计思路和需求功能正常运行。通过开发电子相册项目，不但熟练掌握了软件集成开发环境Myeclipse9.0的使用，还学会了Tomcat6.0服务器、Mysql数据库级相关组件的使用，培养和锻炼了独立从事开发项目系统的能力，而且通过对电子相册系统的管理的操作，加深了对管理信息系统的原理、技术、方法、工具、步骤和有关理论知识的理解和认识，为今后在工作岗位上更好的利用jsp技术开发网站打下良好的基础。实训期间，我努力学习新知识，运用新知识。从新的一方面去了解课本知识，从而对我们的知识螺旋上升，提高实践与理论统一认识。认识到理论与实践的差距，提高了自己的动手能力。指导老师一认真指导我们的工作问题，增加工作认识与理论，扩充职业基本素质要求。虽然实训的时间短暂，但它却是我们对知识理论的认知，深化知识与实践的关系加强实践的重要性。参考文献1.邱加永，卞志城，郑经煜，《JSP基础与案例开发详解》，清华大学出版社，2009.2.温尚书，陈石华，万欣，《JavaWeb编程入门与实战》，人民邮电出版社，2010.