河北农业大学 课 程 设 计 报 告

题 目： Java Web宠物店

学 院： 职业技术学院 专业班级： 计算机应用技术0901 学生姓名： *** 学 号： ************* 指导教师： ***

2O11 年 10 月 25 日 基于工作任务的Java Web课程设计报告

1 目 录 1. 需求分析………………………………………………………………………………2 项目开发背景……………………………………………………………………2 功能介绍………………………………………………………………………2 1.1整体介绍…………………………………………………………………2 1.2 详细说明…………………………………………………………………2 开发平台………………………………………………………………………2 2. 系统设计……………………………………………………………………………3 1.1 总体设计………………………………………………………………………3 1.1.1 静态网页设计……………………………………………………………3 1.1.2 界面逻辑关系……………………………………………………………5 1.1.3 详细设计…………………………………………………………………5 1.1.4 界面格式的CSS设计……………………………………………………7 1.2 数据库设计……………………………………………………………………8 1.2.1 数据表设计…………………………………………………………… 8 1.2.2 数据库连接和DAO设计………………………………………………9 3. 网站发布…………………………………………………………………………10 4. 参考文献…………………………………………………………………………11 基于工作任务的Java Web课程设计报告

2 一 需求分析 1.1项目开发背景 PetStore 是SUN公司推出的一个宠物店系统，是J2EE应用和学习的一个好例子。针对不同的侧重点，具有不同的版本。该系统不同的版本是优秀程序员智慧的结晶。从功能层面来说，这个系统具有：宠物分类展示、下订单、添加到购物车、浏览产品细节等一系列网上商城所具备的基本功能。 1.2 功能介绍 1.2.1 整体介绍 Petstore提供网上商城系统所必需的功能：用户身份认证、商品信息列表、选购商品、下订单等，围绕这些功能，系统的设计分为以下四个部分： · .宠物分类展现和宠物查找模块（catalog部分），供用户浏览、查找并选购宠物。 · .购物车管理（cart部分），供用户查看购物车的情况，并作出是否购买的选择。 · 账户管理模块（account部分），为用户提供注册和账户登录功能。 · 订单管理（order部分），供用户管理自己的账单。 1.2.2 详细说明。 宠物店主通过账户管理模块登录或者注册新用户，只有拥有经过注册的用户名和正确的密码才能更改系统内部代码、页面形式、系统数据库以及管理客户账户等；宠物分类展现部分是系统与客户的交流界面，用户在此功能界面上可以浏览整个宠物店的所有产品情况，包括：宠物生活习性、宠物产地、库存情况、售价等等。用户在此处还可以点击单一宠物的链接进入更进一步的说明；购物车模块是系统与用户账户交流的平台，用户是否购买某产品将直接反映在这个界面和相关的数据库上。订单管理是账户管理的配合模块，是对客户的账户的直接管理和反应。 1.3 系统开发平台 · Jdk 即Java开发数据包。 · Web服务器tomcat。可使用版本5.5.26. · Mysql数据库，用于网站系统文件表格的建立、更改、维护等。 · Mysql GUI tool ，即对数据库管理的图形界面，在此也可以使用navicat。 · 用于编写、调试系统代码、生成发布的My eclipse 。可选5.5.26版本。 基于工作任务的Java Web课程设计报告 3 二 系统设计

2.1 总体设计 2.1.1 静态界面设计 · 主界面，要求具有分类展现功能，网站产品再次一览无余。要求：据右侧边条将所有产品的简录的链接展示在此处，能从此处进product界面。 界面中间部分是图形界面要求生动且说明性强，充分展示产品的风格。此外还要有登录和注册、帮助功能、返回功能等。界面运行情况如下：

客户浏览网站时通过点击左边的边跳导航，可以进入品种列表界面。通过点击登录按钮，可以进入登录窗口， 系统主界面 · 品种列表信息界面：这是某一类宠物的详细的展示，界面中部是产品列表，但只是简单展示。进一步展示在其下属界面中。运行情况如下（注：此处为猫类的情况）

品种列表信息界面 · 单一宠物所有信息展示界面，此界面中部是单一宠物的详细信息列表，包括照片、产地、习性、价格、库存，同时还有议案家购物车的连接部分。运行情况如下： 基于工作任务的Java Web课程设计报告

4 牛头犬的所有信息展示 · 登录窗口界面：是客户登陆网站的界面，有供客户登陆填写用户名和密码的功能。 · 购物车窗口：能查看所有已经添加到购物车的产品的列表。 的整体风格一致网站，还需设计一个背景和上下边条如下：

这是网站的下边条，以下是网站的上边条：

客户在浏览网站是在各个界面时，这两个背景成分都伴随始终。 而以上各个界面之间的相互关系是通过。JSP技术和Dao数据库类共同实 2.1.2 各界面逻辑关系

主界面

登 录 窗 口

产品分类展示界面

详细信息界面

添加购物车窗口

返 回 上 一 层 基于工作任务的Java Web课程设计报告 5 图中的箭头代表浏览时时间上的逻辑先后关系，双向箭头表示能够相互切换。 2.1.3 详细设计 编辑如下代码文件： 宠物商店 src="../images/cart.gif"/> 登录 帮助 这是系统主界面的顶部界面代码，包括登录、帮助文档、返回上一层等连接，接下来解释界面中间部分的宠物图形界面展示部分，代码如下： 注：这只是鱼类的代码，其他产品如猫、狗、爬行类动物、鸟类。只需将连接图片部分基于工作任务的Java Web课程设计报告 6 和网页链接代码更改为如下：

// 狗类

//爬行两栖类 主界面的便条代码如下： div id="content">

  海水鱼, 淡水鱼

注：其中只列出了鱼类的情况，而其他几类将中的连接改为相应动物的世界情况即可。将代码补充完整后将整个文件以。Jsp为扩展名保存。 2.1.4 网页格式化处理 经上处理的界面是松散的死板的界面，风格单调，需要进行修饰，再次使用Css 即层叠样式表文件实现对网页的格式化，在eclipse中编辑如下代码，并以jpetstore.css为文件名保存： img { border: 0; } #Sidebar { float: left; background:inherit; width: 30%; } #MainImage { float: left;