电子商城系统的设计与实现

1、目录 1 引言引言.- 3 - 2 需求分析需求分析.- 3 - 2.1 项目要求 .- 3 - 2.2 系统的功能设计.- 3 - 2.2.2 电子商城系统总用例图.- 4 - 2.2.3 模块划分.- 4 - 2.2.4 系统功能结构图.- 6 - 2.3 流程图 .- 6 - 2.4 数据字典.- 7 - 2.5 数据库设计 .- 9 - 2.6 系统性能需求 .- 13 - 3 总体设计总体设计 .- 14 - 3.1 系统的功能设计.- 14 - 3.1.1前台普通用户的功能设计.- 15 - 3.1.2 后台管理员的功能设计.- 15 - 3.2 编程环境的选择.- 16 - 4

2、详细设计详细设计 .- 16 - 4.1 web 服务器环境的搭建.- 16 - 4.2 实现数据库.- 16 - 4.3 实现数据库的连接.- 17 - 5 系统功能实现与测试系统功能实现与测试.- 17 - 5.1 系统测试.- 17 - 5.2 系统实现 .- 18 - 5.2.1系统的前台页面及功能.- 18 - 5.2.2后台管理员的功能界.- 21 - 结束语结束语.- 24 - 参参 考考 文文 献献 .- 25 - 电子商城系统的设计与实现电子商城系统的设计与实现 （德州学院计算机系，山东德州 253023） 摘 要：随着计算机技术的不断发展，网上购物已经越来越普遍了，利用电子

3、 商城系统完成网上购物给网上购物者带来了极大的方便。本系统基于 jsp+tomcat+mysql 平台，主要完成对所购商品的管理，不同的顾客可以根据 自己的喜好选择不同的商品，然后对商品进行不同的操作，包括把商品添加到 购物车，将商品从购物车中删除，订单的管理，以及留言管理等功能。本电子 商城具有操作简便、界面友好、功能完善、方便移植等特点，能够很好的完成 顾客对商品的管理。 关键字：电子商城系统；jsp；tomcat；mysql 1 引言 随着 web 技术的不断发展，网上购物在商务中发挥了强大的作用。使用电 子购物系统对购物信息进行管理，具有着手工购物所无法比拟的优点,例如：足 不出户、查

4、看方便、存储量大、保密性好、 、成本低等。这些优点能够极大地提 高信息管理的效率，也是满足了购物者的购物需求。本系统采用 jsp+mysql 的模式，结合必要的相关系统、产品与工具，来实现对购物管理系统的开发。 使该电子商务管理系统具有运行安全可靠、便于应用、可维护性好等特点，而 且具有良好的扩展性，能良好的共享系统中的数据。 2 需求分析 2.1 项目要求 本电子商务系统的具体功能需求如下： （1）顾客可以方便的注册与登录。 （2）顾客可以灵活的将所所需的商品信息及了解特价商品信息。 （3）顾客可以方便的管理自己的购物车（添加或删除选购商品，修改购买数量 及在线下订单等操作） 。 （4）顾客

5、可以反馈自己的意见和留言。 （5）商品管理员可以方便的管理商品及特价商品信息（新增，伤处，修改商品 及特价商品） 。 （6）订单管理员可以方便的查看订单，发货与缺货处理。 （7）会员管理员可以方便的查看顾客的反馈信息及具体情况。 （8）系统管理员可以方便的进行系统用户管理（新增，删除，修改系统用户） 。 2.2 系统的功能设计 2.2.1 系统的功能描述图 如图 1 所示，根据系统的总体需求得到系统后台功能描述图，这个图是本系 统最基础的模型。 图 1 功能描述图 2.2.2 电子商城系统总用例图 图 2 电子商城系统总用例图 2.2.3 模块划分 (1) 顾客注册、登录模块 顾客可以通过填写

6、注册信息注册成为会员，会员登录后才能进行购物车的 管理与意见反馈，未登录的会员或未注册的顾客只能检索与浏览商品信息。 (2) 商品检索、浏览模块 顾客可以根据不同的商品种类浏览商品信息（如商品名称、商品图片、商 品型号、价格、生产厂商、生产日期等） ，也可以输入关键字进行商品检索。 (3) 特价商品检索、浏览模块 顾客可以根据不同的商品种类浏览特价商品信息（如商品名称、商品图片、 系系统统数数据据库库 系统管理员：添加 （删除）会员管理 员、添加（删除） 订单管理员、添加 （删除）商品管理 员 普通管理员： 1.会员管理员 查看会员详情 以及对会员的添加与删除 2.订单管理员 查看详细订单、

7、受理订单以及删除订单 3.商品管理员 对商品及特价 商品的分类、添加、删除 商品型号、价格、生产厂商、生产日期等） ，也可输入关键字进行特价商品检索。 (4) 购物车模块 顾客输入账号与密码登录后便可以进行购物车管理，如将选中的商品放入 购物车、修改选购商品的数量、删除购物车上的商品、在线下订单及订单查看 等。 (5) 顾客反馈信息、留言模块 顾客登录成功后，进入反馈信息填写页面，可发表自己的意见或留言，经 验证有效方可提交。 (6) 后台登陆模块 系统管理员输入账号和密码可以在后台登录，登录验证模块根据输入的账 号和密码识别不同角色的管理员，然后进入不同的后台管理模块，账号或密码 输入错误后

8、给出错误提示并要求重新输入。 (7) 商品管理模块 商品管理员可以查看商品种类和信息，他可以新增、修改、删除商品的种 类和商品。 (8) 特价商品管理模块 商品管理员可以查看商品种类和信息，也可以新增、修改、删除商品的种 类和特价商品。 (9) 订单管理模块 订单管理员登录后，可以根据日期范围、订单完成状态、订单编号等取得 订单列表与查看某订单的详情，也可以修改订单的完成状态及订单中的商品或 数量，还可以删除订单本身及订单中的商品。 (10) 会员管理模块 会员管路员登录后，可以根据注册时间范围、会员级别及会员 id 取得会员 列表，然后对某个会员可以进行 详细资料的查看、级别调整与删除操作；

9、也可 以根据留言时间范围、回复状态及会员 id 取得留言列表，然后对某个留言进行 内容查看、回复及删除操作。 (11) 系统用户管理模块 系统管理员登录后，可以根据用户列表进行用户详细资料的查看、新增用户、 修改用户与删除用户操作。 2.2.4 系统功能结构图 图 3 系统功能结构图 2.3 流程图 通过对系统流程的分析可得到该系统的流程图，如图 4、5 所示。 功能功能 模模 块块 后台管后台管 理员模理员模 块块 客户客户 登登 陆陆 模模 块块 创建系统管理员创建系统管理员 创建商品管理创建商品管理 员员 创建订单管创建订单管 理员理员 创建会员管理创建会员管理 员员 商品管理商品管理

10、订单管理订单管理 会员管理会员管理 商城首页商城首页 购物车管理购物车管理 订单管理订单管理 顾客留言顾客留言 修改个人资料修改个人资料 查看（删除）所选购查看（删除）所选购 的商品的商品 对购物车里的商品进对购物车里的商品进 行订单受理行订单受理 顾客对商品的评价顾客对商品的评价 顾客对自己资料的修顾客对自己资料的修 改改 图 4 前台流程图 图 5 后台流程图 2.4 数据字典 数据字典是关于数据的信息的集合，也就是对数据流图中包含的所有元素 的定 义的集合，本系统的数据字典卡片如下： 名字：会员级别信息 描述：会员级别信息 定义：会员级别的基本信息=id号+级别名称+优惠百分比 位置：在

11、数据库的 memberlevel 表中 名字：注册会员信息 描述：会员的基本信息 定义：会员的基本信息=id号+会员级别id+登录账号+登录密码+真实姓名+ 联系电话+联系地址+邮政编号+注册日期+最近登录日期+登录次数+电子邮箱 位置：在数据库的 member 表中 名字：商品类别信息 描述：商品类别的基本信息 定义：商品类别的基本信息=id号+类别名称+类别描述 位置：在数据库的category表中 名字：商品信息 描述：商品的基本信息 定义：商品的基本信息=id号+商品类别id+商品名称+商品价格+商品特价+ 商品型号+商品图片+商品描述+生产厂家+出厂日期+有无特价 位置：在数据库的m

12、erchandise表中 名字：购物车商品选购信息 描述：购物车商品选购的基本信息 定义：购物车商品选购信息=id号+购物车id+商品id+商品数量+商品价格+ 金额 位置：在数据库的cartselectedmer表中 名字：购物车信息 描述：购物车的基本信息 定义：购物车信息=id号+会员id+商品id+总金额+购物车状态 位置：在数据库的cart表中 2.5 数据库设计 在开发一个信息系统时，一个贯穿于整个开发过程的问题就是数据的存储 以 及对数据的操作。数据通常存放在数据库中，因此，数据库的设计是信息系 统设计的主要工作。数据库的作用在于组织和表达信息，简而言之，数据库就 是信息的集合。

13、计算机的数据库可以分为两类：非关系数据库和关系数据库。 关系数据库中包含了多个数据表的信息，数据库含有各个不同部分的术语。 本系统对系统数据的要求：数据录入和处理的准确性和实时性；数据的一致性 与完整性；数据的共享性与独立性。根据上面三种要求并结合实际情况，该系 名字：订单信息 描述：订单的基本信息 定义：订单信息=id号+会员id+购物车id+订单日期+订单状态 位置：在数据库的orders表中 名字：留言信息 描述：留言的基本信息 定义：留言信息=id号+会员id+管理员id+留言标题+留言内容+留言日期+回 复内容+回复日期 位置：在数据库的leaveword表中 名字：系统用户信息 描

14、述：系统用户的基本信息 定义：系统用户信息=id号+管理员类型+管理员真实姓名+管理员登录账号+ 管 理员登录密码 位置：在数据库的admin表中 统的数据库采用的是 mysql。它是现在流行的关系数据库中的一种，相比其它 的数据库管理系统（dbms）来说，目前 mysql 被广泛地应用在 internet 上的 中小型网站中。由于其体积小、速度快、总体成本低，尤其是开放源码这一特 点，许多中小型网站为了降低网站总体成本而选择了 mysql 作为网站数据库。 本系统的数据逻辑结构如下表： 表 1 admin 表 字段名字段类型约束或索引描述 idintpk not nullid 号 admin

15、typeint管理员类型 adminnamechar(12)管理员真实姓名 loginnamechar(12)登录账号 loginpwdchar(12)登录密码 表 2 memberlevel 表 字段名字段类型约束或索引描述 idintpk not nullid 号 levenamechar（20）级别名称 favourableint优惠百分比 表 3 cartselectedmer 表 字段名字段类型约束或索引描述 idintpk not nullid 号 cartintfk not null购物车 id merchandiseintfk not null商品 id numberint商品

16、数量 pricedecimal（8,2）商品价格 moneydecimal（8,2）金额 表 4 category 表 字段名字段类型约束或索引描述 idintpk not nullid 号 catenamechar（20）类别名称 catedasetext类别描述 表 5 member 表 表 6 cart 表 表 7 orders 表 字段名字段类型约束或索引描述 idintpk not nullid 号 memberleverintfk not null会员级别 id loginnmechar（12）登录账号 loginpwdchar（12）登陆码 membernamechar（20）真

17、实姓名 phonechar（15）联系电话 addressnvarchar（100）联系地址 zipchar（10）邮政编码 regdatedetetime注册日期 lastdatedetetime最近日期 logintimeint登陆次数 emailnvarchar（100）电子邮箱 字段名字段类型约束或索引描述 idintpk not nullid 号 memberintfk notnull会员 id moneydecimal（9,2）总金额 cartstatusint购物车状态 表 8 leaveword 表 表 9 merchandise 表 字段名字段类型约束或索引描述 idintp

18、k not nullid 号 memberintfk notnull会员 id moneydecimal（9,2）fk notnull购物车 id cartint购物车状态 ordernonchar(20)订单编号 orderdatedatetime订单日期 orderstatusint订单状态 字段名字段类型约束或索引描述 idintpk not nullid 号 memberintfk notnull会员 id adminintfk notnull管理员 id titlenchar(60)留言日期 contenttext留言内容 leavedatedatetime留言日期 answerco

19、ntenttext回复内容 answerdatedatetime回复日期 2.6 系统性能需求 为了保证系统能够长期、安全、稳定、可靠、高效的运行，系统应该满足 以 下的性能需求： （1）系统处理的准确性和及时性。系统处理的准确性和及时性是系统的必 然要求。在系统设计和开发过程中，要充分考虑系统当前和将来可能承受的工 作量，使系统的处理能力和响应时间能够满足信息处理的需求。 （2）系统的开放性和系统的可扩充性。系统在开发过程中，应该充分考虑 以后的可扩充性。例如数据表中用户选择字段方式的改变，用户查询的需求也 会不断的更新和完善。所有这些，都要求系统提供足够的方法进行功能的调整 和扩充。而要实

20、现这一点，应通过系统的开放性来完成，即系统应是一个开放 系统，只要符合一定的规范，可以简单的加入和减少系统的模块，配置系统的 硬件。通过软件的修补、替换完成系统的升级和更新换代。 （3）系统的易用性和易维护性。要实现这一点，就要求系统应该尽量使用 用户熟悉的术语和中文信息的界面。针对用户可能出现的使用问题，要提供足 够多的在线帮助，缩短用户对系统熟悉的过程。 （4）系统的数据要求。数据录入和处理的准确性和实时性；数据的一致性 字段名字段类型约束或索引描述 idintpk not nullid 号 categoryintfk notnull会员 id mernamenchar(40)商品名称 p

21、ricedecimal（8,2）商品价格 spricedecimal（8,2）商品特价 mermodelnchar(40)商品型号 pictyrevarchar(100)商品图片 merdesctext商品描述 manufacturernchar(60)生产厂家 leavefactorydatedatetime出厂日期 specialint有无特价（0：有 1：无） 与完整性；数据的共享性与独立性。 （5）系统运行环境要求。该系统要求运行在 tomcat+jsp+mysql 的环境下， 根据软件工程的原理，结合面向对象方法开发完成。 3 总体设计 （1）本电子系统采用基于 mvc 模式的 st

22、ruts 框架，将展示层、控制层、业 务逻辑层进行合理分离，所使用的 struts 版本为 struts1.2。用到的 struts mvc 组件有表格显示标签 displaytag 标签库，struts menu 菜单框架，其中 struts menu 是为基于 jsp 和 struts 的应用程序提供的 web 菜单框架，菜单可以在一 个 xml 文件或数据库中定义，通过 jsp 标签来使用。在 struts1.2 中通过应用 log4j 实现日志操作，通过应用 validator 框架实现表单数据的验证，通过应用 struts 标签库来简化 struts 试图组件的开发。 （2）本电子系

23、统采用基于 orm（对象-关系映射）模式的 hibernate 框架， 从而完成对数据持久化操作。其中 hibernate 是对 jdbc 做了一个轻量级的封装， 亦可用 jdbc 直接访问数据库。通过使用 hibernate 中间件，便可以将以前的三 层模型（表示层、业务逻辑层和数据库层）修改成四层模型（表示层、业务逻 辑层、持久层和数据库层） 。所使用的数据库查询语言为 hql，即 hibernate 查 询语言，由于 sql 语言采用的是结构化查询方式，而 hql 语言是一种面向对 象的查询语言，可以查询以对象形式存在的数据。 （3）本系统采用 ajax（异步 javascript 和

24、xml） ，使用户请求与服务器响 应异步化。这样把以前一些服务器负担的工作转交给客服端，利用客户端闲置 的处理能力来处理，减轻服务器和带宽的负担。同时使用了 json-rpc 组件， 利用它内置的一个轻量 json-rpc javascript 客服端，可以透明地在客服端 javascript 中调用服务器端的 java 代码。 3.1 系统的功能设计 该电子商城系统分为前台与后台，前台页面只供普通用户访问，且必须注册成 为会员后才可购物；后台页面只有管理员才能访问。这些前台与后台页面负责 与用户交互，接收用户通过浏览器传来的数据请求，并将请求传给数据库，同 时将请求处理结果通过浏览器呈现给用

25、户。所以本设计主要包括两个方面，前 台普通用户的功能设计和后台管理员的功能设计。 3.1.1 前台普通用户的功能设计 普通用户在登录前台首页后，通过注册成为会员，方可相关进行操作，其 中包括：搜索商品、购物车管理、订单管理、顾客留言和修改个人资料。 （1）搜索商品。通过搜索功能快速查找商品。 （2）购物车管理。顾客输入账号与密码登录后便可以进行购物车管理， 如 将选中的商品放入购物车、修改选购商品的数量、删除购物车上的商品、在线 下订单及订单查看等。 （3）在线留言管理。顾客登录成功后，进入反馈信息填写页面，可发表自 己的意见或留言，经验证有效方可提交。 （4）修改个人资料。顾客登录成功后，可

26、以通过修该注册资料模块来修改 自己的资料。 3.1.2 后台管理员的功能设计 管理员在登录后台页面后，可以根据不同的权限来管理不同的模块。其中 包 括：对商品的管理、订单的管理、会员的管理和系统用户的管理。 （1）商品管理员在登录后台页面后，可以查看商品（特价商品）种类和信 息，他可以新增、修改、删除商品（特价商品）的种类和商品（特价商品） 。 （2）订单管理员在登录后台页面后，可以根据日期范围、订单完成状态、 订单编号等取得订单列表与查看某订单的详情，也可以修改订单的完成状态及 订单中的商品或数量，还可以删除订单本身及订单中的商品。 （3）会员管理员在登录后台页面后，可以根据注册时间范围、会

27、员级别及 会员 id 取得会员列表，然后对某个会员可以进行 详细资料的查看、级别调整 与删除操作；也可以根据留言时间范围、回复状态及会员 id 取得留言列表，然 后对某个留言进行内容查看、回复及删除操作。 （4）系统用户管理员在登录后台页面后，可以根据用户列表进行用户详细资 料的查看、新增用户、修改用户与删除用户操作。 3.2 编程环境的选择 myeclipse 是一个开放源代码的、基于 java 的可扩展开发平台。它集成了 对 spring、struts、hibernate 等主流 javaee 组件开发插件的支持，大大简化了 javaee 应用的开发。 jsp（java server pa

28、ges）是由 sun 公司在 java 语言上开发出来的一种动态 网页制作技术，通常在整个 javaee 体系中充当展示层组件。将 java 代码按指 定的语法格式插入到 html 页面中，然后以.jsp 为后缀保存即可得到所需的 jsp 页面。并且它具有良好的可移植性，因此被大多数 web 程序员所使用。 4 详细设计 4.1 web 服务器环境的搭建 经过前面一系列的需求分析和概念结构设计以后，我们初步的明确了该电 子商城系统的逻辑结构和功能模块。接下来就是如何搭建一个 web 服务器环境。 组建一个 tomcat+jsp+mysql 是系统运行的首要条件。其中 tomcat 是一个免 费

29、的 servlet 容器，它是 apache 基金会的 jakarta 项目中的一个核心项目，有 apache、sun 和其他一些公司及个人共同开发而成。本系统所使用的 tomcat 为 tomcat6.0 来作为 web 服务器。 mysql 是由 mysql ab 公司开发、发布并支持全世界最流行的开源 sql 数据库管理系统，本系统采用 mysql5.0 做数据库服务器。 本系统采用的 java 集成开发工具为 myeclipse，版本为 myeclipse7.5。 4.2 实现数据库 mysql 数据库开发工具能汇集各种信息以供查询、存储和检索。mysql 的优点在于它能用 sql 语

30、句对数据库进行修改、删除。为了更直观的对数据库 进行操作，就需要安装 navicat for mysql。它是一个对 mysql 操作的可视化 管理界面。通过 navicat for mysql 可以完成对数据库进行操作，例如建立、复 制、删除数据等等。使用 navicat for mysql 操作 mysql 简单易用，不用经过 专门的培训就可以让使用者很快的适应。输入用户名和密码后，用 navicat for mysql 浏览相应的 mysql 数据库，更直观的查看数据库的结构。 安装 mysql 和 navicat for mysql，并设置用户名为 root 密码为 894359，打开

31、 navicat for mysql 并进行创建配置数据库，创建该系统单独的数据库并命名为 db_eshop。根据 3.1 数据库设计要求创建 memberlevel，membe、category、merchandise、cartselectedmer、cart、orders、l eaveword、admin 等表，具体的操作过程略。 4.3 实现数据库的连接 在 hibernate 的配置文件 hibernate.cfg.xml 中配置 jdbc 连接，代码如下所示： mysql_jdbc jdbc:mysql:/localhost:3306/db_eshop?useunicode=true

32、characterencoding =gb2312 root 894359 com.mysql.jdbc.driver org.hibernate.dialect.mysqldialect 5 系统功能实现与测试 5.1 系统测试 系统测试主要是对程序的各种的错误、漏洞，进行了及时地、相应地处理。 调试的工作贯穿了整个设计的过程。在程序编写中，及时发现并排除在系统分 析，总体设计和编码等阶段所产生的各种错误。 将 tomcat 和 mysql 安装在电脑上并启动，这样就组建了这个系统运行环 境。将 db_eshop.sql 文件导入到 mysql 数据库中，把项目 eshop 文件夹拷贝到 tomcat 安装目录 webapps 文件夹下，重新启动 tomcat 服务器，在浏览器地址 栏输入 http:/localhost:8080/eshop，便进入到该电子商城系统。 5.2 系统实现 系统实现主要是对输入的数据及输出的数据进行具体的实现并得到用户可见的 界面。 5.2.1 系统的前台页面及功能 任何用户在进入该系统后都会看到该页面，其中包括会员的注册和登录以及其 它功能模块。 图 6 主页 注册普通会员页面： 图 7 注册页面 购物车管理页面截图： 图