基于JSP的网上超市购物系统设计与实现

摘要

21世纪以来，人类经济高速发展，人们的生活发生了日新月异的变化，特别是计算机的应用及普及到经济和社会生活的各个领域。为了让消费者甜品网上购物系统商店过程变得简单、方便、安全、快捷，网上商城购物成了一种新型而热门的购物方式。甜品网上购物系统商店是一种具有交互功能的商业信息系统，它在网络上建立一个虚拟的购物商城，使购物过程变得轻松、快捷、方便。

然而作为一个购物系统，能够长期健康的发展系统的安全性和实现购物的方便性是很重要的，在安全性方面，系统主要考虑了数据存储的安全性，以及用了用户注册和密码等措施，没有使用到数字签名技术。在方便性上，主要考虑了用户浏览商品、查询商品、定购商品的方便性和后台管理用户维护的方便性，在用户定购商品后，货单付款，商家把商品送到用户。

课题目标是设计并实现一个甜品网上购物系统网站。结合实践，理解网页开发技术和数据库的基本知识，学习相关开发工具和应用软件，熟悉网站建设的过程，熟练掌握网络数据库编程方法。系统采用B/S开发模式，开发工具选择JAVA、JSP、JavaScript、Html 语言，采用Tomcat服务器技术，后台数据库选用SQL Server 2005。

关键词：甜品网上购物系互联网系统设计

Abstract

In 21st century, human high-speed economic development, people's life a changing, special is the computer application and popularization to all fields of economic and social life. In order to let the consumer online shopping system stores dessert process become simple, convenient, safe, efficient, online mall shopping became a kind of new-style and popular shopping way. It is to build a virtual shopping mall, make shopping process easier, quick, convenient.

However as a shopping system, the development of long-term health to the security of the system and realize the convenience of shopping, it is important to safety, system mainly in the safety of considering the data storage and in user registration and passwords and other measures, no use to digital signature technology. In convenience, the main consideration the users browse goods, inquires the commodity, order the convenience and background management of goods of convenience, the user maintain order goods in the user, the businessman, after the goods invoice payment to the user.

Task goal is to design and implement a dessert shopping website system https://www.360docs.net/doc/7f9211197.html,bining the practice, web development technology and understanding the basic knowledge, learning database related development tools and application software, familiar with website construction process, mastering network database programming method. System adopts B/S developing mode, selection of development tools JA V A, JSP,JavaScript, Html, using Tomcat Server technology, backend database choose SQL Server 2005.

Key words: Online Shopping System The Internet System Design

目录

第一章绪论 (1)

1.1项目背景与现实价值 (1)

1.2开发工具和实用技术 (1)

第二章系统分析 (3)

2.1需求分析 (3)

2.1.1 性能需求 (3)

2.1.2 安全需求 (3)

2.1.3功能需求 (3)

第三章概要设计 (8)

3.1系统结构设计 (8)

3.1.1 后台功能模块 (9)

3.1.2 前台功能模块 (9)

第四章数据库设计 (11)

4.1 结构设计 (11)

4.1.1 概念结构设计 (11)

4.1.2 逻辑结构设计 (11)

第五章界面设计 (13)

5.1 界面设计要求 (13)

5.2 系统界面设计 (13)

5.3系统页面设计介绍及关系 (14)

5.3.1 后台页面说明 (14)

5.3.2后台页面之间的跳转.......................... 错误！未定义书签。

5.3.3前台页面说明................................ 错误！未定义书签。

5.3.4前台页面之间的跳转.......................... 错误！未定义书签。第六章详细设计与实现.. (14)

6.1 系统功能模块 (14)

6.1.1管理员登录模块 (14)

6.1.2管理员修改密码模块 (15)

6.1.3会员管理模块 (15)

6.1.4品牌管理模块 (16)

6.1.5甜品管理模块 (17)

6.1.6新闻管理模块 (18)

6.1.7会员登录模块 (19)

6.1.8会员注册模块 (20)

6.1.9会员购物车模块 (21)

6.1.10会员订单模块 (21)

6.1.11会员修改信息模块 (22)

6.1.12浏览者浏览信息模块 (23)

6.2 系统采用的数据库连接方式 (23)

总结 (24)

致谢 (25)

参考文献 (26)

第一章绪论

1.1项目背景与现实价值

在当前信息化的时代，对大众的订餐要求仅仅依赖手工操作，已经远远不能满足实际的需求了，所以网上订餐越来越被看好。对于网上订餐来说，正接受着大众的各种考验，如送餐时间的规定，新产品开发等等。基于目前网上订餐行业的挑战，特此开发网上订餐的甜品部分的购物系统，以满足大众对于新产品开发的要求。

传统的订餐模式既有局限，又不是很完整。而构建该甜品的网站既突破了时间和空间上的限制，又可以及时、准确、快速的发布甜品信息，让大家不需要面对面就能够相互了解，相互交流，足不出户就可以享受送货上门，货到付款的服务。

随着互联网和宽带上网的普及，甜品网上购物系统在中国异军突起，并日益渗透到人们的日常生活中。甜品网上购物系统是运用现代通信技术、计算机和网络技术进行的一种社会形态，其目的是通过互联网、提高社会生产效率、优化社会资源配置，从而实现社会财富的最大化利用。

现在我国的信息管理水平还比较落后，这样的机制已经不能适应时代的发展，因为它浪费了许多人力和物力，在信息时代传统的管理方法必然被计算机为基础的信息管理所取代。软件作为一项有力的工具，只能当此种工具，与我们的实践相结合起来的时候，才具有重大的社会价值及使用价值。因此根据目前实际的情况开发这样一套管理系统是十分必要的。

随着科学技术的不断提高,计算机科学技术日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机进行管理，具有着手工管理所无法比拟的优点。例如:可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高工作的效率,也是信息正规化管理与世界接轨的重要条件。

本课题所研究的甜品网上购物系统主要是为个人提供搜索，欣赏和下载的一个平台，从而给个人带来方便。课题目标是设计并实现一个B/S体系结构的甜品网上购物系统。结合实践，理解网页开发技术和数据库的基本知识，学习相关开发工具和应用软件，熟悉网站建设的过程，熟练掌握网络数据库编程方法。

1.2开发工具和实用技术

网上销售管理系统采用B/S开发模式,软件开发环境：MyEelipse8.5+JDK1.6+Tomcat6.0+SQLserver2005

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服务是一个比较简单的服务器，在设计方面是符合建立商业站点的规范，可以利用它进行编程与测试。

SQLserver2005：是一个关系数据库管理系统。它具有数据库镜像、在线恢复、在线检索操作、快速恢复、安全性能的提高、新的SQL Server Management Studio、专门的管理员连接、快照隔离、数据分割、增强复制功能等特点。

甜品网上购物系统拟采用JSP+JavaBean开发模式，这种模式有效地分离了页面显示和业务数据处理，业务数据处理部分都交给JavaBean组件，如访问数据库、用户验证等。

JSP+JavaBean示意图 1-1

第二章系统分析

2.1需求分析

网上销售管理系统是运用现代通信技术、计算机和网络技术进行的一种社会形态，其目的是通过互联网、提高社会生产效率、优化社会资源配置，从而实现社会财富的最大化利用。本课题所研究的网上销售管理系统主要是为个人提供搜索，欣赏和下载的一个平台，从而给个人带来方便。因此，开发一个网上销售管理系统是很有必要的，具有其特有的技术意义和管理意义。

2.1.1 性能需求

为了保证运行的高效率，建议使用在1G及以上内存的机器。

所有的页面都能链接到指定要链接到的页面，所链接的页面均存在，而且系统中不存在有孤立的页面；对表单进行测试，如果输入信息不正确或者不输入信息就直接提交，会出现出错提示；通过互动用户填写的表单信息和调查信息的提交对数据库的存入和读取操作进行测试，数据库运行正常。在浏览器中运行，速度都在可接受的范围内（少于五秒）。

网上销售管理系统导航结构清晰、目的明确，经测试每个导航下的模块都能准确链接；页面字体使用CSS控制，确保了风格的一致，页面使用较少颜色组合，有较好的视觉效果；对超市管理系统内容进行抽样式调查未发现语法、拼写错误以及其他错误信息；超市管理系统整体界面布局合理，页面风格简洁，颜色搭配协调，保证了超市管理系统可用性良好。

在安装了IE、360，遨游等不同浏览器的客户端进行测试，系统中JavaScript均可正常运行，框架和层次结构风格差别不大，所以超市管理系统兼容性较好。

2.1.2 安全需求

系统对管理员的帐号和密码的有效性进行了测试。只有管理员的帐号和密码确认有效后，才可以对超市管理系统进行维护工作。保证了超市管理系统的安全性。

2.1.3功能需求

此基于JSP的网上销售管理系统分前台功能和后台功能，系统有两个参与者：管理员和用户。参与者的描述如下：

（1）管理员

后台部分由管理员使用，主要包括参数设置，会员管理，商品管理，账务管理，品牌管理,信息管理。管理员填写登录名和密码后进入后台主页面，根据自己的需求进行操

作。可以进行密码的修改，对注册会员的信息进行管理，完成商品的增加删除添加查询，财务编辑和对前台信息的管理.

管理员的用例图2-1如下：

管理员的用例图2-1

管理员的用例描述表如下：

（2）会员

前台部分由用户使用，主要包括用户注册，购物车管理，订单管理，个人资料管理，新闻查询。当用户第一次登录时首先要注册，成为会员后，才可以购买商品。用户可以通过单击首页的注册按键来打开注册页面进行会员注册操作，其中包含了用户姓名、密码等信息，注册完成后可以浏览系统的各种信息和新闻，当有心仪的商品时可以点击购买，提交订单，随时查看自己的订单详情；有需要是还可以修改自己的个人信息。

会员的用例图2-2

会员的用例描述表如下：

用户管理用例描述表2-7

第三章概要设计

3.1系统结构设计

总体设计主要是指在系统分析的基础上，对整个系统的划分（子系统）、机器设备（包括软、硬设备）的配置、数据的存贮规律以及整个系统实现规划等方面进行合理的安排。系统设计工作应该自顶向下地进行。

系统设计的工作复杂又细致，总体设计阶段需要进行系统模块结构设计，要将一个大系统分解成不同层次、多个模块组成的系统，在详细设计阶段要在模块结构设计的基础上，给出每个模块实现方法的细节，并对模块的输入、输出和处理过程作详细描述，以便在系统实施阶段进行程序设计时可以把这个描述直接“翻译”成用某种程序设计语言书写的程序。

系统结构图3-1

功能划分的基本思想是将系统设计成由多个相对独立、功能单一的模块组成的结构。由于模块之间相对独立，每一模块就可以单独地被理解、编写、测试、排错和修改,从而有效地防止错误在模块之间扩散蔓延，提高了系统的质量(可维护性、可靠性等)。因此，大大简化了系统研制开发的工作。本系统主要分为前台和后台两个子系统，这其中又分为不同的功能的模块。

3.1.1 后台功能模块

后台子系统包括参数设置、会员管理、品牌管理、商品管理和新闻管理五个模块。当管理员在后台登录页面登录时要输入正确的用户名和密码通过判断进入主页面。

①参数设置模块：主要是针对管理员登录进入后台系统后对自己密码的修改，输入原有密码和密码后保存，输出新的密码和成功提示；

②会员管理模块：管理员对会员进行删除和修改操作。会员注册填写额信息可能会出现不真实或违法的信息，管理员通过输入会员ID或会员姓名进行查询然后进行相关操作；

③品牌管理模块：包含两个小部分添加和查询，管理员输入要添加的品牌名称，点击添加数据库更新给出添加成功提示，查询品牌可以完成对品牌的修改和删除操作；

④商品管理模块：此模块包含两个部分添加和查询，添加商品时管理员输入商品图片、名称、品牌、规格、价格分为市场价和会员价、库存和详细说明然后选择类型，查询时输入产品的名称或品牌然后对其进行相应的修改和删除操作；

⑤新闻管理模块：包含新闻添加和新闻查询，输入新闻标题，发布人和新闻内容点击添加新闻添加成功，查询时输入新闻名称然后可以对其进行相应的修改和删除。

3.1.2 前台功能模块

前台子系统包括：用户注册模块、购物车管理模块、订单管理模块、个人资料管理模块，新闻查看模块。每个模块看似独立实质紧紧相连。前台功能模块关系图3-2如下：

前台功能模块关系图3-2

①用户注册模块：查看该系统若购物时需要注册成为会员才能进行相关操作。点击注册需阅读有关条约同意才能进行下一步注册，注册时按要求输入姓名、密码、联系电话、电子邮箱、联系地址、选择送货方式和支付方式提交信息，注册成功，形成用户ID，登录时需要输入用户ID和密码。

②购物车管理模块：在超市中，可以根据自己的需要将很多的物品挑选到购物车中。

而在网上虚拟的购物商城中，通常都会采用一种被称做“购物车”的技术来模拟现实生活。这种技术用起来十分方便，不但可以随时添加，查看，修改，清空购物车中的内容，还可以随时去在订单处理，如对商品数量的添加等。

③订单管理模块：为了方便用户随时查看购物情况，会员可以通过查看订单，通过它可以将所放入购物车中的选物品信息显示出来，显示订单号、支付金额、支付方式等内容，其中包含详细的订购日期和详情。在订单中，并没有显示所有的信息，用户在查看订单时，亦可查看订单详情。详情中不仅包含了订单的基本信息，还包含订购人、电话、地址、所订购的甜品的名称及订购数量、单价等等

④个人资料管理模块：当会员进入本网站同时，可以对自己的资料进行管理修改操作。会员可对自己的姓名、密码、联系电话、电子邮箱、联系地址、送货方式等进行修改并上传。

⑤新闻查看模块：用户可以对本网站的信息进行查看，包括对最新商品、推荐商品、特价区的查看和对新闻的查看。在对新闻查看中，用户可根据自己的喜好选择性的查看新闻，新闻后也有具体的上传时间。

第四章数据库设计

4.1 结构设计

4.1.1 概念结构设计

本阶段将需求分析阶得到的用户需求和功能需求抽象为信息结构，并利用E-R图描述本数据库的概念模型，反映现实世界的实体、属性和他们之间的关系等的原始数据形式。

E-R图4-1

4.1.2 逻辑结构设计

E-R图转化为关系模型：

本阶段将实体和实体间的联系转换为关系模式，并确定这些实体模式的属性和码。下面把E-R图的转换成关系模型：

会员（会员号、姓名、密码、邮箱、地址、注册时间）

说明：此为会员实体对应的关系模型。

管理员（管理员账号，密码）

说明：此为管理员实体对应的关系模型。

订单（订单ID、会员ID、会员姓名、地址、电话、订单时间、备注）

说明：此为订单实体对应的关系模型。

商品（名称、品牌、规格、价格、库存、说明、添加时间、属性）

说明：此为甜品实体对应的关系模型。

新闻（标题、内容、发布人、发布时间）

说明：此为信息实体对应的关系模型。

部分数据库表说明：

userInfo管理员用户信息表，管理员的user_id为admin，默认密码为admin登录到后台系统后，可以通过参数设置下的修改密码功能进行密码修改。对应表4-2如下：

vip_info会员信息表，用于存放浏览者注册为会员的信息，当浏览者欲购买商品时需要先登录前台系统，若不是会员要先点击注册，阅读完条约并同意后开始填写以下注册信息。对应表4-3如下：

orderTable订单信息表。当会员在购物车中点击去收银台，将会显示下列信息。对应表4-4如下：

第五章界面设计

5.1 界面设计要求

界面设计是人与机器之间传递和交换信息的媒介,通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响，来研究用户在界面设计中所体现的重要性。交互性已经成为网络界面设计中设计追求的目标。为了使设计满足可用性要求，全面的了解用户特征及多元化要求是十分必要的。这就需要找到正确的方法来记录和实现多元化的用户要求。界面是人与物体互动的媒介，换句话说，界面就是设计师赋予物体的新面孔。

简易性：界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

用户语言：界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。

记忆负担最小化：人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

一致性：是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与游戏内容相一致。

清楚：在视觉效果上便于理解和使用。

用户的熟悉程度：用户可通过已掌握的知识来使用界面，但不应超出一般常识。

从用户的观点考虑：想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。

排列：一个有序的界面能让用户轻松的使用。

安全性：用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

灵活性：简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄)。

人性化：高效率和用户满意度是人性化的体现。能保存设置。

5.2 系统界面设计

本系统采用暖色调色彩搭配上的协调会让网站呈现出一目了然，给人予舒适、自然之感。甜品配以可爱，直观的图片，让注册会员在浏览网站商品时有购买的愿望。界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。设计操作简单直观，在操作要求方面页面都有相应的提示如密码的长度，插入图片的规则等。当填写表格格式出现错误时，系统也会给予相关提示。

因为是网上销售管理系统，所以选择商品图片很重要，大小要一致格式要正确。图片

按照接近真实，美观可爱的风格选择，让人一看便垂涎三尺。系统采用了CSS布局方式。在每个页面的中间由表单来显示响应的内容。错误信息的提示方式为JavaScript编写的window窗口。

5.3系统页面设计介绍及关系

5.3.1 后台页面说明

登录页面:

第六章详细设计与实现

6.1 系统功能模块

6.1.1管理员登录模块

管理员在登录页面输入自己的用户名和密码，点击登录按钮。输入的用户名和密码将被提交到后台中，查询数据库来检验用户名和密码是否匹配。如果输入的用户名正确将提

示登录成功，登录到主页面。否则，将提示用户名或者密码输入错误，请重新输入，跳转到登录页面。

6.1.2管理员修改密码模块

管理员登录进入页面后可以对对自己原密码进行修改，在u_admin_paswd.jsp页面中输入原密码和新密码。原密码和新密码按规定输入完成后确定更新。此jsp页面中上午脚本语言运用isValid函数返回页面验证控件的状态。如果全部验证通过，密码输入两次输入一样其正确是可以提交。当前页面中任何一个验证控件没通过验证不可以提交。填写原密码，新密码两次输入的要一致，填写完成后确定更改，页面跳转到u_admin_paswd2.jsp 页面。该页面运用动作获得tp.tp类对象的引用，通过executeQuery()方法发送查询语句来检查原密码和用户名是否匹配，若是匹配则通过executeUpdate方法执行更新数据表语句并在页面显示新密码和成功状态，否则显示您输入的旧密码是错误的密码更改失败。

密码修改流程图6-1如下：

6.1.3会员管理模块

管理员有义务对注册会员的信息进行审核删除和对不良或非法注册信息进行修改。此模块就是提供给管理员管理会员信息而设计的。管理员操作此功能是页面读取数据库显示出所有的会员部分信息，页面中分别使用update、del、submit01三个函数来返回执行修改、删除和查询状态。当管理员在界面中输入会员的姓名或ID号点击查询时，页面使用该页面运用动作，通过executeQuery()方法去vip_info会员信息表中查询与输入内容相符合的信息，在当前页面显示出来；当管理员点击删除会员页面链接到d_vip.jsp页面此页面要执行javaBeans中的动作获得tp.tp类对象的引用，然后通过引用变量db调用del属性，使用executeUpdate（）方法执行delete语句更新数据库和sendRedirect（）方法重定向到查询会员的主页面；点击修改会员信息时执行u_1_vip.jsp页面从数据库中读取了原有信息并显示出来，管理员根据具体情况实施修改，完成后点击保存并执行u_2_vip.jsp中的内容，此页面通过JavaBean中的动作运用executeUpdate（）方法执行update语句将修改的内容在数据库中进行更新，更新完成后