EasyBuy电子商城系统设计.ppt
第3章 Easy_Buy电子商城系统设计,本章学习要点:系统用例图;功能模块设计;系统流程设计;数据库设计;详细设计;,3.1 系统概述3.2 系统功能模块设计3.3 系统流程3.4 数据库设计3.5 详细设计3.6 本章小结,第3章 Easy_Buy电子商城系统设计,3.1 系统概述,前台购物系统,Easy_Buy是一个B-C模式的电子商城,该电子商务系统要求能够实现前台用户购物和后台管理两大部分功能。,用户注册/登录 商品展示/搜索购物车/订单个人设置 意见反馈,后台管理系统,管理用户维护商品库处理订单维护会员信息其他管理功能,系统用例图,图3-1 Easy_Buy系统用例图,3.2 系统功能模块设计,Easy_Buy是一个在线销售系统,是一个B-C模式的电子商务系统,由前台的B/S模式购物系统和后台的C/S模式的管理系统两部分组成。该电子商务系统可以实现会员注册、浏览商品、查看商品详细信息、选购商品、取消订单和查看订单等功能,前台系统的详细功能如图3-2所示。,个人设置,导航栏,新品区,搜索区,普通区,版权区,促销区,站点公告,图3-2 系统首页,注册模块,提供注册功能,用户填写必要资料和可选资料后成为本购物网站的会员,只有注册会员才可以进行购物操作,非注册会员只能查看商品资料。会员注册页面如图3-3所示。,登录模块,注册会员输入注册用户名和密码可以登录本网站进行购物。登录功能及登录后的显示信息如图3-4所示。,图3-4 用户登录,商品展示,新品上架 进入Easy_Buy电子商城后,在网站首页的上半部分会显示最新入库的6种商品信息,用户可以通过点击【更多】链接查看更多的商品信息,如图3-5所示。,图3-5 新品上架,促销商品 进入Easy_Buy电子商城后,在网站首页的下半部分会显示促销的4种商品信息及其他商品信息,用户可以通过点击【更多】链接查看更多的商品信息,如图3-6所示。,图3-6 促销商品,商品详情,用户在浏览商品信息时可以点击【详情】按钮,查看商品折扣、商品描述、商品大图等详细信息,如图3-7所示。,图3-7 商品详情,购物车,用户在浏览商品信息时可以点击【购买】按钮,购买指定的商品,即将商品放入购物车中,对于购物车中的商品,用户可以确认购买,也可以退还商品(删除),也可以增减所购商品的数量,如图3-8所示。,图3-8 购物车,订单处理,用户查看购物车时可以点击【去收银台结账】按钮,确认购买所选择的商品。同时,填写付款方式、收货地址和确认E-mail等信息完成商品的订购,如图3-9所示。,图3-9 用户订单,如果用户点击【确定付款】按钮,则显示用户订单的详细信息(包括订单号、订单时间等信息),如图3-10所示,图3-10 订单详细信息,订单处理,在用户订单产生后,用户可以通过【我的订单】链接查看自己的订单信息,如图3-11所示。,图3-11 我的订单,订单处理,用户可以通过【查看详细资料】链接查看自己的订单的详细信息,如图3-12所示。,订单处理,图3-12 我的订单详细信息,客户反馈,用户可以发表商品的反馈意见和建议,如图3-13所示,图3-13 客户反馈,后台管理,登录 系统的管理员输入账号和密码可以登录本网站后台管理系统,实现后台管理功能。后台管理员的登录界面如图3-14所示。,图3-14 后台管理登录,管理,管理员登录后可以对电子商城的相关信息进行管理。如图3-15所示。,图3-15 后台管理功能,3.3 系统流程,在Easy_Buy电子商城系统中,用户的购物操作和管理员的处理操作都会按照特定的顺序来完成。这里我们主要介绍用户购物的流程和客户订单的处理流程。根据前面的分析我们知道,只有注册会员才能够完成商品的订购,注册会员的详细购物流程如图3-16所示。客户订单的处理流程如图3-17所示。,流程图,图3-16 客户订单处理流程 图3-17 客户订单处理流程,课堂实践,任务一 进入“北京图书大厦网上书店”(http:/),通过网站提供的链接注册成会员后,登录系统,进行图书的浏览操作。任务二 试着搜索书名为“Java程序设计案例教程“的图书,并查看该图书的详细信息。任务三 分小组讨论北京图书大厦网站的后台管理应包括哪些功能。,3.4 数据库设计,Customer表(用户信息表),数据库表设计,Idea表(用户留言表),数据库表设计,Product表(商品信息表),数据库表设计,Notice表(公告信息表),数据库表设计,Main_type表(商品类别信息表),数据库表设计,Orders表(订单信息表),数据库表设计,OrderDetails表(订单详情表),数据库表设计,Payment表(支付表),数据库表设计,Admin表(管理员表),数据库表设计,创建数据库和表的SQL语句,(ShopSystem)和主要表的SQL语句,读者在使用样例系统时,也可以直接运行配套资源中建库脚本或者附加系统中的数据库到数据库服务器。,3.5 详细设计,Easy_Buy系统的开发文件夹如图3-18所示。前台购物系统文件组成如图3-19所示,后台管理系统文件组成如图3-20所示。,开发文件夹,前台购物系统,后台管理系统,系统数据库,系统图片,网站配置文件,系统说明文档,图3-18 系统开发文件夹,图3-19 前台购物系统文件组成,图3-20 后台管理系统文件组成,页面关系图,Easy_Buy电子商城前台主要页面的关系如图3-21所示,请读者结合配套资源扣的系统进行分析和学习。,图3-21 Easy_Buy电子商城前台页面关系图,系统使用说明,1系统配置 本书中所有实例都是在Windows 2000 Server操作系统下开发的,程序测试环境为Windows 2000 Server。用户在Windows 2000 Server下正确配置程序运行所需的环境后,完全可以使用本实例。具体配置如下:,硬件平台:CPU:P41.8GHz;内存:256MB以上。软件平台:操作系统:Windows 2000 Server;数据库:SQL Server 2000;开发工具包:;JSP服务器:Tomcat 5.0;浏览器:IE5.0及以上版本,推荐使用IE6.0;分辨率:最佳效果1024768。,系统使用说明,2.源程序使用方法如果用户要使用源程序,计算机除了满足上面要求的配置外,还需要完成如下工作:(1)使用本书中源程序时,请将光盘中该程序所对应的文件夹(easybuyonline)拷贝到计算机硬盘上的Tomcat安装目录下的“webapps”文件夹下,并去掉所有文件的只读属性,然后重新启动Tomcat。(2)启动企业管理器,将应用程序shopData文件夹下的ShopSystem数据库附加到当前SQL Server数据库服务器。,系统使用说明,(3)配置指向ShopData数据库的系统DSN(ODBC数据源)“shopData”。(4)启动Tomcat服务器。(5)在浏览器中输入http:/localhost:8080/easybuyonline/shop/index.jsp后,即可进入前台购物页面。(6)在浏览器中输入http:/localhost:8080/easybuyonline/admin/admin_login.jsp,输入管理员账号和密码后,即可进入后台管理页面。,系统使用说明,3.6 本章小结,本章学习了如下内容:Easy-Buy系统概述:包括前台购物系统、后台管理系统和系统用例图;系统功能模块设计:包括注册模块、登录模块、商品展示、商品详情、购物车、订单处理、客户反馈和后台管理;系统流程:包括用户购物流程、客户订单处理流程;数据库设计:包括数据库E-R图、数据库表设计和创建数据库和表的SQL语句;详细设计:包括开发文件夹、页面关系图和系统使用说明。,