jsp网站编程设计报告.docx

jsp网站编程设计报告  2012-12-14 14:43:08|  分类： 工作与学习 |  标签：jsp  实训报告  oracle  fly飞驰汽车销售网  网站编程  |举报|字号 订阅 学    生指导教师 课题名称FLY飞驰汽车销售网设计时间设计地点 设计目的网站编程技术是一门实践能力要求高、与实际联系非常紧密、面向应用的工程实践性课程；课程设计是本课程教学计划中综合性较强的实践教学环节，通过项目开发过程、常见问题处理，不仅有利于提高学生在实践中提升解决问题的能力；也能够有效地帮助学生全面地掌握课堂教学内容，培养学生的实践和实际动手能力，对于提高学生全面素质具有很重要的意义。一、课程设计概述1、背景介绍     随着社会的发展，越来越多的人接受并使用网络方式进行购物，同时更加丰富的网上商店也就应运而生。FLY飞驰汽车销售网站就是根据人们的需求，以网上购物的方式，对汽车进行展示和买卖。     一个好的在线系统应该是销售和购物的完美结合，因此，FLY飞驰汽车销售系统就应运而生了。它真正做到在网上购物就象在商店购物一样，满足在线购物需求的最基本保证。2、目的与任务本次课程实习是通过编写一个汽车销售网站来实现一个汽车这个实体通过网络这个虚拟世界进行销售。服务对象是能够连入互联网的所有大众群体。通过课程实习题目的练习，强化对所学知识的掌握及对问题进行分析和任务定义的理解，通过对任务的分析，为操作的对象设计相应的系统，以过程化程序设计的思想方法为原则进行划分各个模块，强化对JSP和JAVA语言的掌握和对数据库的选择及掌握。通过对程序的编辑及调试，让我学会一些编程的技巧。促使我养成良好的编程习惯，以及对书本上的知识进行了实践。JSP开发技术这门课是计算机科学中一门综合性的专业基础课。JSP是当今主流的网站编程技术，通过课程设计完成理论与实践的结合。本项目完成后我们应该给老师提交一份项目设计的源程序，我们小组每个人的课程设计报告以及数据库的设计。3、项目开发环境一、软件开发环境：MyEelipse8.5+JDK1.6+Tomcat6.0+Oracle Datebase 11g数据库MyEelipse8.5：MyEclipse，是一个十分优秀的用于开发Java, J2EE的Eclipse插件集合，其功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEelipse是对EclipseIDE的扩展，利用它我们可以在数据库和JavaEE的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML、Struts、JSP、CSS、Javascript、Spring、SQL、Hibernate。MyEclipse 8.5，该版本集成了 Eclipse 3.5.2，提升了团队协作开发、开发周期管理以及 Spring 和 Hibernate 的更好支持。JDK1.6：Sun Microsystems针对Java开发员的产品。自从Java推出以来，JDK已经成为使用最广泛的Java SDK。JDK 是整个Java的核心，包括了Java运行环境，Java工具和Java基础的类库。JDK是学好Java的第一步。而专门运行在x86平台的Jrocket在服务端运行效率也要比Sun JDK好很多。从SUN的JDK5.0开始,提供了泛型等非常实用的功能，其版本也不断更新，运行效率得到了非常大的提高。Tomcat6.0：Tomcat是一个免费的、开放源代码的Servlet容器。Tomcat是Apache软件基金会的Jakarta项目中的一个核心项目, 由Apache、sun和其他一些公司及个人共同开发而成。Tomcat服务是一个比较简单的服务器，在设计方面是符合建立商业站点的规范，可以利用它进行编程与测试。Oracle Datebase 11g：是目前最流行的客户/服务器体系结构的数据库之一。它提供了基于角色分工的安全保密管理。在数据库管理功能、完整性检查、安全性、一致性方面都有良好地表现。二、运行平台：Windows XP及以上系统。Windows操作系统：是目前世界上使用最广泛的操作系统。最新的版本是Windows7。因需要安装以上软件，为了提高运行效率，使用内存1G或以上的CP。三、JSP是Java Server Pages缩写，由Sun公司倡导、许多公司参与建立的一种应用范围广泛的动态网以看作是一种脚本语言)HTML代码负责显示信息控制，Java代码负责业务逻辑控制。四、WEB应用服务器：Tomcat6.0五、数据库系统：Oracle Datebase 11g六、网络环境：IE6.0级以上版本4、开发团队组织结构项目负责人：项目成员：主要分工：本人主要负责项目的整体组建以及数据库的搭建等项目的大概总体设计，编写管理员的登陆注册页面以及留言板信息的查看和添加，*主要负责实现汽车信息的显示，添加，修改以及页面的信息显示等其它项目的页面的设计。5、参考资料1 耿祥义. JSP基础教程. 北京：清华大学出版社. 20042 冯燕奎. JSP实用案例教程. 北京：清华大学出版社.20043 刘志成. JSP程序设计案例教程. 北京：清华大学出版社.2007二、系统需求分析1、功能需求FLY飞驰汽车销售系统所要求实现的主要功能有七类。1管理员密码修改 。管理员进入后台后根据用户名进行密码修改。2汽车信息查看。通过点击汽车信息名称查看汽车详细信息。3添加汽车信息。通过点击导航条上的“添加二手汽车“超链接进入添加汽车页面，填好后点提交， 就进数据库了。4修改汽车信息。通过点击“修改信息“超链接进入修改汽车信息页面，修改好后点提交， 就进数据库了。5删除汽车信息。通过点击 “删除信息”引起触发器，弹出窗口询问是否要删除，点击删除，就进入数据库。6留言板查看。通过点击的“联系我们”超链接进入查看留言板页面。7留言板信息添加。通过点击留言板左下方的超链接进入留言板添加页面，点击添加，修改好后点提交， 就进数据库了。2、性能需求    （1）为了保证运行的高效率，建议使用在1G及以上内存的机器。（2）所有的页面都能链接到指定要链接到的页面，所链接的页面均存在，而且系统中不存在有孤立的页面；对表单进行测试，如果输入信息不正确或者不输入信息就直接提交，会出现出错提示；通过互动用户填写的表单信息和调查信息的提交对数据库的存入和读取操作进行测试，数据库运行正常。在浏览器中运行，速度都在可接受的范围内（少于五秒）。（3）FLY飞驰汽车销售系统导航结构清晰、目的明确，经测试每个导航下的模块都能准确链接；页面字体使用CSS控制，确保了风格的一致，页面使用较少颜色组合，有较好的视觉效果；对汽车销售系统内容进行抽样式调查未发现语法、拼写错误以及其他错误信息；FLY飞驰汽车销售系统整体界面布局合理，页面风格简洁，颜色搭配协调，保证了FLY飞驰汽车销售系统可用性良好。（4）兼容：在安装了IE、360，遨游等不同浏览器的客户端进行测试，系统中JavaScript均可正常运行，框架和层次结构风格差别不大，所以FLY飞驰汽车销售系统兼容性较好。 （5）安全：系统对管理员的帐号和密码的有效性进行了测试。只有管理员的帐号和密码确认有效后，才可以对FLY飞驰汽车销售系统进行维护工作。保证了FLY飞驰汽车销售系统的安全性。三、系统设计1、系统总体结构我把FLY飞驰汽车销售系统总体结构划分为四类：首页部分，汽车信息的查询、修改和删除部分，管理员登录部分，留言板部分。总体结构如下图3.1所示。  图3.1 系统总体结构表2、系统模块结构在MyEclipse开发工具中，创建web应用carShop，该应用程序的目录结构如图3.2所示。 图3.2 程序目录结构图web.xml配置文件：/配置密码修改路径<servlet>       <servlet-name>registerProcess</servlet-name>/ 指定servlet名称    <servlet-class>servlet.registerprocess</servlet-class>/指定servlet类的名称</servlet><servlet-mapping>    <servlet-name>registerProcess</servlet-name>/指定servlet名称<url-pattern>/registerProcess</url-pattern>/指定servlet所对应的URL</servlet-mapping>/配置汽车品牌类型路径<servlet>        <servlet-name>AddType</servlet-name> <servlet-class>servlet.AddType</servlet-class></servlet><servlet-mapping> <servlet-name>AddType</servlet-name> <url-pattern>/servlet/AddType</url-pattern></servlet-mapping>/配置汽车信息路径<servlet>     <servlet-name>AddPet</servlet-name> <servlet-class>servlet.AddPet</servlet-class></servlet><servlet-mapping> <servlet-name>AddPet</servlet-name> <url-pattern>/servlet/AddPet</url-pattern></servlet-mapping>/配置删除汽车信息路径<servlet>    <servlet-name>DeletePet</servlet-name>  <servlet-class>servlet.DeletePet</servlet-class></servlet><servlet-mapping> <servlet-name>DeletePet</servlet-name> <url-pattern>/servlet/DeletePet</url-pattern></servlet-mapping>/配置修改汽车信息路径<servlet>    <servlet-name>UpdatePet</servlet-name> <servlet-class>servlet.UpdatePet</servlet-class></servlet><servlet-mapping> <servlet-name>UpdatePet</servlet-name> <url-pattern>/UpdatePet</url-pattern></servlet-mapping>/配置添加图片路径<servlet>    <servlet-name>Upload</servlet-name> <servlet-class>servlet.Upload</servlet-class></servlet><servlet-mapping>  <servlet-name>Upload</servlet-name>  <url-pattern>/servlet/Upload</url-pattern></servlet-mapping>/配置显示图片路径<servlet>   <servlet-name>ShowImage</servlet-name> <servlet-class>servlet.ShowImage</servlet-class></servlet> <servlet-mapping> <servlet-name>ShowImage</servlet-name> <url-pattern>/servlet/ShowImage</url-pattern></servlet-mapping>/配置信息添加路径   <servlet>    <servlet-name>MessageProcess</servlet-name> <servlet-class>servlet.MessageProcess</servlet-class></servlet><servlet-mapping>    <servlet-name>MessageProcess</servlet-name><url-pattern>/MessageProcess</url-pattern></servlet-mapping> /配置主页路径<welcome-file-list>  <welcome-file>index.jsp</welcome-file>  </welcome-file-list></web-app>在对系统整体进行设计时，综合考虑了系统功能的实现技术、时间、硬件等各方面的要求。然后对满足条件的模块进行具体设计。系统的主要功能与系统页面的关联如下所示：主页：作为系统首页，主要用来定义一些链接。通过这些链接可以进行相应的操作。例如“汽车列表”链接、“添加二手车辆”链接、“联系我们”链接等。查看汽车信息资料页面：通过“汽车列表”链接进入该页面，在该页面中，通过分页的效果，将数据库中保存的所有的汽车信息和图像信息进行显示。同时可以点击选中汽车信息查看详细资料。在该页面中可以对该汽车的图像进行设置。还可以通过该页面中的链接进入到修改汽车资料页面，也可以在该页面中执行删除该汽车资料的操作。用户登录页面：通过链接数据库，用户在输入用户名和密码正确后可以进入到后台管理页面。在后台中可以通过页面的链接进入到修改密码的页面。在该页面中可以对登录时的密码进行修改，但是用户名是不允许修改的。留言板页面：通过“联系我们”链接进入该页面。在该页面中显示了所有人的留言。用户也可以点击右下方的链接进入到留言板的编辑区域进行发表自己的意见。提交完成后留言信息插入到数据库中就可以在留言板中查看了。四、本人所完成的主要工作4.1 FLY飞驰汽车销售网的构建FLY飞驰汽车销售系统的主页index.jsp从上到下是分为三层，其中头部标题和尾部链接是用Dreamvear创建模板进行的。这样做的主要目的是为了实现整个网站的风格统一。中间部分是设计为可编辑区域。头部和尾部是建立div标签嵌套实现的。