【知识目标】
本章将向读者详细介绍本书所用的案例系统—eBuy电子商城的基本设计。系统分析和设计是软件系统成败的关键。eBuy电子商城的分析和设计主要包括系统需求分析、系统功能模块设计、系统界面设计、系统主要流程设计、数据库设计和系统详细设计。本章的学习要点包括如下几点。
(1)eBuy电子商城系统用例图;
(2)eBuy电子商城系统数据库设计;
(3)eBuy电子商城系统流程设计;
(4)eBuy电子商城系统功能模块设计;
(5)eBuy电子商城系统详细设计。
【技能目标】
(1)会配置eBuy电子商城;
(2)能熟练操作eBuy电子商城。
3.1 认知eBuy电子商城系统
eBuy电子商城系统是一个典型的B2C模式的电子商城,主要采用JSP+JavaBean技术(部分模块采用MVC模式)完成。该系统要求实现基本的电子商务功能,即实现前台购物和后台管理两大部分功能。MVC模式如图3-1所示。
3.1.1 前台购物系统
1.用户注册/登录
系统考虑到用户购买的真实性,规定访客只能在系统中查看商品信息,不能进行商品的订购。但是访客可以通过注册的方式,登记相关基本信息成为系统的注册会员,注册会员登录系统后进行商品的查看和购物操作。
2.商品展示/搜索
注册会员可以通过商品列表、新品上架、特价商品等板块了解商品的基本信息,然后通过商品详细资料页面了解商品的详细情况,同时,可以根据自己的需要按照商品编号、商品名称、商品类别和热销度等条件进行商品的查询,方便快捷地了解自己需要的商品信息。
3.购物车/订单
注册会员在浏览商品过程中,可以将自己需要的商品放入购物车中,用户最终购买的商品从购物车中选取。会员在购物过程中可以随时查看购物车中的商品,以了解所选择的商品信息;注册会员在选购商品后,在确认购买之前,可以对购物车中的商品进行二次选择。既可以从购物车中删除不要的商品,也可以修改所选择的商品的数量。在用户确认购买后(选择购物车中的所有商品),系统会为注册会员生成购物订单,注册会员可以查看自己的订单信息,以了解付款信息和商品配送情况。
4.个人设置
用户注册以后,通过个人设置功能可以查看、修改个人资料。
(1)改变个人设置。注册会员可以修改自己的账号、密码及其他个人信息。
(2)注销。注册会员在购物过程中或购物结束后,可以注销自己的账号,以保证账号的安全。
5.意见反馈
用户可以通过系统提供的留言板将自己对网站的服务情况和网站商品信息的意见反馈给商城,以便及时与网站沟通,有助于改善网站的服务质量。
3.1.2 后台管理系统
1.管理用户
系统管理员可以根据需要添加、修改或删除后台管理系统中的用户,也可以修改密码等基本信息。
2.维护商品库/商品类别
具有商品管理权限的管理员进入系统后可以添加商品信息(主要在进货后)、修改已有商品信息(如商品价格调整、商品信息变化)以及删除商品信息(不再销售某种商品),也可以新增、修改和删除商品类别信息。
3.处理订单
订单是在用户前台购物过程中生成的,后台管理员可以对订单变动情况进行修改处理工作,同时,根据订单情况通知配送人员进行商品流通配送。
4.维护会员信息
系统注册会员的基本信息由前台注册得到,后台管理员可以对系统注册会员的信息进行维护(如会员账户、密码丢失等),同时也可以完成信息查询工作。
5.其他管理功能
其他管理功能包括系统备份、系统恢复和日志管理等。
3.1.3 系统用例图
根据eBuy电子商城的业务需求、功能需求和用户需求信息绘制的eBuy系统用例图如图3-2所示。该图详细描述了eBuy电子商城所具有的功能和完成功能的方式。
3.2 课堂任务1——设计并创建电子商城数据库
【任务目标】 设计并创建eBuy电子商城的后台数据库。
【知识要点】 选择SQL Server 2008数据库管理系统,执行本书所附的eBuy电子商城的SQL脚本创建eBuy系统数据库;或者通过数据库附加方式将eBuy系统的SQL数据库文件附加到SQL Server服务器上。
【任务完成步骤】
(1)设计数据库、表和视图等对象。
(2)编写SQL脚本。
(3)选择SQL Server 2008数据库管理系统创建数据库。
下面对任务完成步骤进行详细讲解。
3.2.1 设计数据库表
根据系统功能描述和实际业务分析,进行eBuy电子商城的设计,主要数据表及其内容如下。
1.Customer表(用户信息表)
用户信息表的详细信息见表3-1。
2.Idea表(用户留言表)
用户留言表的详细信息见表3-2。
3.Product表(商品信息表)
商品信息表的详细信息见表3-3。
4.Notice表(公告信息表)
公告信息表的详细信息见表3-4。
5.Main_type表(商品类别信息表)
商品类别信息表的详细信息见表3-5。
6.Sub_type表(商品子类信息表)
商品子类信息表的详细信息见表3-6。
7.Orders表(订单信息表)
订单信息表的详细信息见表3-7。
8.OrderDetails表(订单详情表)
订单详情表的详细信息见表3-8。
9.Payment表(支付表)
支付表的详细信息见表3-9。
10.Admin表(管理员表)
管理员的详细信息见表3-10。
3.2.2 编写数据库脚本
下面给出创建eBuy电子商城数据库(ShopSystem)和数据表的SQL语句,读者在使用样例系统时,也可以直接运行配套资源中建库脚本或者附加系统中的数据库到数据库服务器。
3.2.3 附加数据库和创建数据源
1.附加数据库
(1)启动SQL Server 2008,在“Microsoft SQL Server Management Studio”窗体中鼠标右键单击“数据库”对象,选择“附加”选项,如图3-3所示。
(2)打开“附加数据库”对话框,选择eBuy系统对应的数据库文件shop_dat.mdf(eBuy\shopData文件夹中)后,单击“确定”按钮,完成数据库的附加操作,如图3-4所示。
3.2.4 系统流程
在eBuy电子商城系统中,用户的购物操作和管理员的处理操作都会按照特定的顺序来完成。这里主要介绍用户购物的流程和客户订单的处理流程。
根据前面的分析可以知道,只有注册会员才能够完成商品的订购,注册会员的详细购物流程如图3-7所示。客户订单的处理流程如图3-8所示。
3.3 课堂任务2——体验eBuy电子商城的功能
【任务目标】 通过使用本书所附的eBuy电子商城系统,体验典型B2C电子商城的主要功能。
【知识要点】 配置系统、运行本书所带的eBuy系统或打开“中国互动出版网”,注册成一个会员后登录系统,完成一个完整的购物过程,体验典型的B2C电子商城的各个环节。
【任务完成步骤】
(1)进入主页面。
(2)注册成会员。
(3)登录eBuy系统。
(4)搜索商品。
(5)选择商品到购物车。
(6)确认购买商品,进入结算中心。
(7)通过后台管理功能进行网站信息管理。
下面对任务的完成步骤进行详细讲解。
3.3.1 首页
如前所述,eBuy系统是一个在线销售系统,是一个B2C模式的电子商务系统,由前台的B/S模式购物系统和后台的C/S模式的管理系统两部分组成。该电子商务系统可以实现会员注册、浏览商品、查看商品详细信息、选购商品、取消订单和查看订单等功能。参照使用帮助配置好eBuy系统后,在IE中输入http://localhost:8080/eBuy/shop/index.jsp(其中的localhost可以根据具体情况修改为Web服务器的地址),进入eBuy电子商城首页,前台系统的详细功能如图3-9所示。
3.3.2 用户注册
通过首页提供的注册链接,用户可以注册为eBuy电子商城的会员,用户注册时需要填写必要资料和可选资料。只有注册会员才可以在eBuy电子商城进行购物操作,非注册会员只能查看商品资料。用户注册页面如图3-10所示。
3.3.3 用户登录
注册会员通过首页提供的登录入口可以登录到eBuy电子商城系统。注册会员输入注册用户名和密码可以登录本网站进行购物。用户登录时的界面如图3-11所示,登录后的显示信息如图3-12所示。
3.3.4 商品展示
1.新品上架
进入eBuy电子商城后,在网站首页的上半部分会显示最新入库的6种商品信息,用户可以通过单击“更多>>>”链接查看更多的商品信息,如图3-13所示。
2.促销商品和商品展区
进入eBuy电子商城后,在网站首页的下半部分会显示促销的4种商品信息及其他商品信息,用户可以通过单击“更多>>>”链接查看更多的商品信息,如图3-14所示。
3.3.5 商品详情
用户在浏览商品信息时可以单击“详情”按钮,查看商品折扣、商品描述和商品大图等详细信息,如图3-15所示。
3.3.6 购物车
注册用户在浏览商品信息时可以单击“购买”按钮,购买指定的商品,即将商品放入购物车中。对于购物车中的商品,用户可以确认购买,可以退还商品(删除),也可以增减所购商品的数量,如图3-16所示。
3.3.7 结算中心
用户查看购物车时可以单击“去收银台结账”按钮,确认购买所选择的商品。同时,填写付款方式、收货地址和确认E-mail等信息完成商品的订购,如图3-17所示。
在图3-17所示的结算中心,如果用户单击“确定付款”按钮,则显示用户订单的详细信息(包括订单号、订单时间等信息),如图3-18所示。
在用户订单生成后,用户可以通过单击“我的订单”链接查看自己的订单信息,如图3-19所示。
在图3-19所示的“我的订单”界面中,用户可以通过单击“查看详细资料”链接查看自己的订单信息,如图3-20所示。
3.3.8 客户反馈
注册用户和非注册用户可以查看对网站的服务质量和特定商品的评论,如图3-21所示。
注册用户也可以发表对商品的反馈意见和建议,如图3-22所示。
3.3.9 后台管理
1.登录
系统管理员输入用户名和密码后可以登录本网站后台管理系统,实现后台管理功能。配置好eBuy系统后,在IE中输入http://localhost:8080/eBuy/admin/index.jsp(其中的localhost可以根据具体情况修改为服务器的地址),后台管理员的登录界面如图3-23所示。
2.管理
管理员登录后可以对电子商城的相关信息进行管理,主要包括客户管理、商品管理、订单管理、商品分类管理、公告/反馈管理、支付管理和其他管理,如图3-24所示。
(1)添加商品。添加商品的界面如图3-25所示。
(2)查看、编辑商品。查看、编辑商品的界面如图3-26所示。
3.3.10 开发文件夹
eBuy电子商城系统的开发文件夹如图3-27所示。前台购物系统文件保存在shop文件夹中,后台管理系统文件保存在admin文件夹中,系统数据库保存在shopData文件夹中。
3.3.11 页面关系图
eBuy电子商城前台主要页面的关系如图3-28所示,读者可以结合配套资源中的系统进行分析和学习。
3.3.12 系统使用说明
1.系统配置
本书中所有实例都是在Windows 7旗舰版操作系统下开发的,程序测试环境为Windows 7旗舰版。用户在Windows 7旗舰版下正确配置程序运行所需的环境后,完全可以使用本实例。系统具体配置如下。
【硬件平台】
- CPU:英特尔i5-2430M 2.4G。
- 内存:2GB以上。
【软件平台】
操作系统:Windows 7。
- 数据库:SQL Server 2008/2005。
- 开发工具包:JDK 1.8.0。
- 开发环境:Eclipse 3.3+MyEclipse 5.5。
- Web服务器:Tomcat 6.0。
- 浏览器:IE6.0及以上版本,推荐使用IE 8.0。
- 分辨率:1024 × 768(最佳效果)。
说明:如果使用的是SQL Server 2000和Windows 7/Windows XP/Windows Server 2003操作系统,则需要安装Microsoft SQL Server Service Pack 4补丁(下载地址:http://support. microsoft. com/ default.aspx? kbid=29011)。
2.源程序使用方法
如果用户要使用eBuy系统源程序,除了需要满足上面要求的计算机配置外,还需要完成如下工作。
(1)将所附的源程序对应的文件夹(eBuy)复制到计算机硬盘上Tomcat安装目录下的“webapps”文件夹。
(2)在SQL Server数据库管理系统中将应用程序shopData文件夹下的ShopSystem数据库附加到当前SQL Server数据库服务器。
(3)创建指向shopData数据库的系统DSN(ODBC数据源)“shopData”。
(4)启动Tomcat服务器。
(5)在浏览器中输入“http://localhost:8080/eBuy/shop/index.jsp”后,即可进入前台购物页面。
(6)在浏览器中输入“http://localhost:8080/eBuy/admin/index.jsp”,输入管理员账号和密码后,即可进入后台管理页面。