JavaWeb宠物店课程设计报告

河北农业大学

课程设计报告

题目：Java Web宠物店

学院：职业技术学院

专业班级：计算机应用技术0901学生姓名：***

学号： ************* 指导教师：***

2O11 年10 月25 日

目录

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)

一需求分析

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版本。

二系统设计

2.1 总体设计

2.1.1 静态界面设计

·主界面，要求具有分类展现功能，网站产品再次一览无余。要求：据右侧边条将所有产品的简录的链接展示在此处，能从此处进product界面。

界面中间部分是图形界面要求生动且说明性强，充分展示产品的风格。此外还要有

登录和注册、帮助功能、返回功能等。界面运行情况如下：

客户浏览网站时通过点击左边的边跳导航，可以进入品种列表界面。通过点击登录

按钮，可以进入登录窗口，

系统主界面

·品种列表信息界面：这是某一类宠物的详细的展示，界面中部是产品列表，但只是简单展示。进一步展示在其下属界面中。运行情况如下（注：

此处为猫类的情况）

品种列表信息界面

·单一宠物所有信息展示界面，此界面中部是单一宠物的详细信息列表，包括照片、产地、习性、价格、库存，同时还有议案家购物车的连接部分。运行情况如下：

牛头犬的所有信息展示

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

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

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

2.1.2 各界面逻辑关系

主界面

登 录 窗 口

产品分类展示

界面

详细信息界面

添加购物车窗

口

返 回 上 一 层

图中的箭头代表浏览时时间上的逻辑先后关系，双向箭头表示能够相互切换。

2.1.3 详细设计

编辑如下代码文件：

src="../images/cart.gif"/>

登录

帮助

这是系统主界面的顶部界面代码，包括登录、帮助文档、返回上一层等连接，接下来解

释界面中间部分的宠物图形界面展示部分，代码如下：

注：这只是鱼类的代码，其他产品如猫、狗、爬行类动物、鸟类。只需将连接图片部分