《闲淘网上购物商城系统的设计与实现.doc》由会员分享，可在线阅读，更多相关《闲淘网上购物商城系统的设计与实现.doc（56页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、摘要电子商务在全球都非常流行，尤其是在我国，著名的大型电商平台有很多，例如京东商城、天猫商城等等。针对这种现状，本人将模仿网上电商的平台做一个线上购物的设计与实现，该系统的名称定义为闲淘网上购物商城，以下简称闲淘。本论文基于Bootstrap、JSP、jQuery、MySQL和Tomcat等技术研究闲淘网上购物系统的设计与实现,设计本系统是为了对电子商务领域有更深刻的认识，同时也是为了提高自己的编程设计水平，通过这个系统的设计与实现会使我对软件工程领域有一个更深刻的认识、把学到的编程技术运用到实际开发中去，从而达到学以致用，强化巩固技术基础的目的。文中介绍了整个系统从设计到实现的过程。从技术选
2、型到系统总体设计、数据库设计再到系统具体设计分析，设计完成之后到闲淘系统的前后台测试，最后总结。本系统按角色划分可分为后台管理员和用户两大模块,经过测试,所有的功能点都能按预期的结果成功执行。关键词：闲淘购物系统 Java JSP Bootstrap Servlet 数据库AbstractE-commerce is very popular in the world, especially in China, there are many well-known large-scale e-commerce platforms, such as Jingdong Mall, Tmall Mall
3、 and so on.In response to this situation, I will imitate the online e-commerce platform to do an online shopping design and implementation. The name of the system is defined as Xiantao online shopping mall, hereinafter referred to as Xiantao.This paper is based on Bootstrap, JSP, jQuery, MySQL, Tomc
4、at and other technologies to study the design and implementation of Xiantao online shopping system. This system is designed to have a deeper understanding of the field of e-commerce, but also to improve your programming design level Through the design and implementation of this system, I will have a
5、 deeper understanding of the field of software engineering and apply the learned programming technology to actual development, so as to achieve the purpose of learning to apply and strengthen and consolidate the technical foundation. The article introduces the entire system from design to implementa
6、tion.From technical selection to overall system design, database design to system specific design analysis, after the design is completed, to the front and back office testing of the Xiantao system, and finally summarized.The system can be divided into two modules: background administrator and user
7、according to roles. After testing, all function points can be successfully executed according to the expected results.Key words: Shopping System; Java; JSP; Bootstrap; Servlet; Database目录第一章 引言11.1网上购物系统的发展11.2网上购物的现状11.3网上购物系统的构建1第二章 相关理论基础22.1 JSP技术22.1.1 JSP的简介22.1.2JSP的优点22.1.3 JSP的工作原理错误!未定义书签。
8、2.2数据库及相关技术简介22.2.1 SQL语言简介错误!未定义书签。2.2.2 MySQL 简介22.2.3 JAVA技术简介22.2.4 TOMCAT简介22.3 Bootstrap框架22.3.1 Bootstrap简介22.4 jQuery技术22.4.1 jQuery简介2第三章 系统总体设计33.1系统设计33.1.1系统功能分析33.1.2系统体系结构33.1.3系统流程图33.2数据库设计53.2.1数据库概念结构设计53.2.2数据库的逻辑结构分析63.2.3数据库表的设计73.2.4数据库的连接9第四章 具体设计分析104.1系统首页104.2具体功能实现114.2.1
9、通用servlet设计114.2.2用户注册124.2.3用户激活144.2.4用户登录164.2.5用户退出174.2.6分类展示174.2.7首页上展示热门商品和最新商品184.2.8查询单个商品的详情194.2.9按类别分页展示商品214.2.10将商品添加到购物车224.2.11对购物车进行操作(删除)244.2.11对购物车进行操作(清空购物车)254.2.12生成订单264.2.13查询我的订单(将所属的订单项也查询出来)284.2.14查询订单详情304.2.15后台管理分类信息324.2.16展示所有商品374.2.17添加商品384.2.18订单管理40第五章 前后台测试42
10、5.1前台测试425.1.1用户注册功能测试425.1.2 用户激活功能测试425.1.3用户登录功能测试425.1.4用户退出测试425.1.5分类展示测试435.1.6首页展示最新商品和热门商品测试435.1.7查询单个商品的详情测试435.1.8按类别分页展示商品测试435.1.9将商品添加到购物车测试445.1.10删除购物车上的商品测试445.1.11清空购物车测试445.1.12生成订单测试455.1.13查询我的订单测试455.1.14查询订单详情测试455.2后台测试455.2.1添加分类信息测试455.2.2删除分类信息测试465.2.3修改分类信息测试465.2.4查询分类
11、信息测试475.2.5添加商品信息测试475.2.6展示所有商品测试475.2.7订单信息管理-查询订单测试485.2.8订单信息管理-查询订单详情测试485.2.9订单信息管理-修改订单状态测试48第六章 总结49第七章 参考文献50第八章 致谢51广东东软学院本科生毕业设计（论文）第一章 引言1.1网上购物系统的发展近年来,电子商务发展迅速,2014年4G网络时代的到来更是大幅推动线上电商行业的发展,人们只需要一台可以上网的手机或者电脑就可以畅快的进行线上购物,越来越多的人接受并爱上线上购物,有些人甚至把线上购物当成是一种依赖。如今我国有很多大型火爆的电商平台，例如京东商城、天猫商城等等。
12、1.2网上购物的现状当前网上购物的现状是越来越多的人加入到网上购物的行列中来,各大电商平台也时长会搞平台活动来进行促销,例如天猫商城的“双11”,京东商城的“618”,这样网上购物成为很多人都不能摆脱的一种依赖,人们不用出门，拿起手机或者电脑下个单，商品就会送货到家。2019年6月中国网民达到8.5亿人,超过了六成的互联网普及率,也就说网上购物的发展前景仍然非常可观。1.3网上购物系统的构建本购物系统在技术选型上运用JSP、Bootstrap、jQuery技术编写,数据库选用MySQL数据库,开发工具使用Eclipse,服务器选用开源免费的Tomcat。第二章 相关理论基础2.1 JSP技术2
13、.1.1 JSP的简介JSP通俗点讲就是可以在网页上写Java代码并被编译执行。2.1.2JSP的优点JSP最大的优点就是动态生成内容和展示分离2.2数据库及相关技术简介2.2.1 MySQL 简介MySQL是中小型企业常用的一种关系型数据库。随着MySQL功能的日益完善，性能日益提高，很多中小型企业都在使用它,因为它免费开源所以本系统也使用MySQL进行开发。2.2.2 JAVA技术简介JSP应用程序的开发离不开JAVA语言，在这里介绍一下JAVA语言的特点：它是一种面向对象的技术，与硬件无关，可以跨平台使用（只需安装JVM虚拟机），这就体现了Java程序优越的移植性。2.2.3 TOMCA
14、T简介它是一个免费开源的服务器,底层也有Java技术作为支撑。本购物商城系统使用了Tomcat作为服务器，在Tomcat7.0的环境下对系统进行部署测试。+2.3 Bootstrap框架2.3.1 Bootstrap简介Bootstrap是一个web前端框架，封装了jQuery，大幅提高了web开发的效率，主要的优点是可以创建响应式的页面，用来适配不同的上网设备2.4 jQuery技术2.4.1 jQuery简介jQuery其实就是对JavaScript进行的封装，使用jQuery就能极具地简化JS代码的编写，主要的优点是可以将页面与JS分离。并且它的说明文档非常全面，有很多实用的插件可供选择
15、。简单来说，jQuery对JS的常用方法和对象进行封装，方便我们使用。第三章 系统总体设计3.1闲淘系统设计3.1.1闲淘系统功能分析闲淘商城系统基本功能有:（1）注册用户、用户激活、用户登录、用户退出等。（2）商品进行分类，按类别分类展示商品，方便顾客从商品中找出自己想要的商品。（3）购物车模块，包括加入、删除、清空购物车等（4）用户提交和查询我的订单等（5）后台管理:管理员可以添加、更新、删除分类等; 商品信息的管理,可以查询现有的商品、添加商品、编辑商品的信息、删除商品等;订单管理(查询订单、订单详情、修改订单状态等)3.1.2系统体系结构图3-1商城系统功能模块图系统总共有两类用户:（
16、1）普通用户注册登录之后可以添加购物车提交订单等。（2）管理员用户可以对系统进行分类管理、商品管理、订单管理等3.1.3系统流程图前台用户操作流程图3-2前台用户操作流程图后台管理员操作流程图3-2后台管理员操作流程图3.2数据库设计3.2.1数据库概念结构设计部分E-R图如下1. 用户表图3-3用户表E-R图2. 订单表图3-4 订单表E-R图3. 商品表图3-5 商品信息表E-R图4. 分类表图3-6 分类表E-R图3.2.2数据库的逻辑结构分析1）基本分析：用户信息，应具有以下字段：用户信息：用户ID和姓名、真实名称、email、性别、电话、生日、用户状态、密码以及激活码。商品信息，应具
17、有以下字段：商品信息：商品的ID（自动编号）、商品名称、商城价、市场价、商品描述、热门、最新、图片、描述、分类ID。订单信息,应具有以下字段:订单ID、总金额、订单状态、姓名、地址、电话、用户ID。分类信息,应具有以下字段:分类的ID、分类的名称。2）深入分析：为了表示订单属于哪个用户,因此要在订单表里新增一个用户id字段;为了表示商品属于哪个分类,因此要在商品分类表里新增一个分类id字段;订单和商品之间是多对多的关系,因此要引入一张中间表(订单项)把订单表和商品表拆成两个一对多的关系;订单项包含的字段有:订单项ID,订单ID,商品ID,商品购买数量,小计等,具体逻辑关系见下图:图3-7 表与
18、表之间的逻辑关系图3.2.3数据库表的设计分别建立以下的表以满足需要：本系统需要建立5个数据表,它们分别是:用户表（user）：存放用户ID 、用户姓名、用户密码、真实名称、email、性别、电话、生日、用户状态、激活码等信息。商品信息表(product)：存放商品的ID、商品名称、商城价、市场价、热门、最新、图片、描述、分类ID、商品日期等信息。订单表(order):存放订单ID、总金额、订单状态、姓名、地址、电话、用户ID、订单时间等信息，商品分类表（category）:存放分类的ID和分类的名称。订单项表(orderitem)。 各表具体信息见下图：闲淘用户表（user）的设计如下表3-
19、1所示.表3-1闲淘用户表中字段字段含义类型长度是否为空uid用户idvarchar32Nousername用户名varchar20Nopassword用户密码varchar20Noname真实姓名varchar20Yesemail邮箱varchar30Yestelephone电话varchar20Yesbirthday生日date0Yessex性别varchar10Yesstate用户状态;0代表未激活,1代表已激活int11Nocode激活码varchar64No闲淘商品表(product) 的设计如下表3-2所示。表3-2闲淘商品表字段含义类型长度是否为空pid商品idvarchar32
20、Nopname商品名称varchar50Nomarket_price商品市场价doubleNoshop_price商品商城价doubleNopimage商品图片varchar200Yespdate商品日期dateYesis_hot商品是否热门;0表示不热门,1表示热门int11NOpdesc商品描述varchar255Yespflag商品状态;0表示下架,1表示上架int11Nocid商品分类idvarchar32No订单表(orders)的设计如下表3-3所示。表3-3订单表中字段字段含义类型长度是否为空oid订单idvarchar32Noordertime订单日期datetime50Not
21、otal订单总金额doubleNostate订单状态；0表示未支付，1表示已支付int11Noaddress订单收货地址varchar30Noname订单收货人姓名varchar20Notelephone订单收货人电话int20Nouid用户idvarchar32No闲淘商品分类表(category) 的设计如下表3-4所示。表3-4商品分类表字段含义类型长度是否为空cid分类idvarchar32Nocname分类名称varchar20No闲淘订单项表(orderitem) 的设计如下表3-5所示。表3-5订单项表字段含义类型长度是否为空itemid订单项idvarchar32Nocount
22、商品购买数量int11Nosubtotal小计doubleNopid商品idvarchar32Nooid订单idvarchar32No3.2.4数据库的连接闲淘系统采用c3p0连接池来连接数据库。配置文件内容如下: c3p0.driverClass=com.mysql.jdbc.Driverc3p0.jdbcUrl=jdbc:mysql:/localhost:3306/storec3p0.user=rootc3p0.password=123配置文件的路径放在src下，在开发使用的时候只需要：new ComboPooledDataSource()第四章 具体设计分析4.1系统首页页面设计如下：图
23、4-1 网上购物系统首页首页功能模块由index.jsp动态包含其它页面来实现,首页除了可以浏览商品还提供了注册和登录的入口,注册功能是重定向到注册页面让用户填写信息进行账号注册,如下图所示:图4-2 注册页面4.2具体功能实现4.2.1 通用servlet设计为了减少重复代码,在这里设计首先设计一个通用servlet，这样可以大幅度减少重复代码和降低工作量从而提高开发的效率，例如添加用户的时候，以前是/store/addUser，这样的话一个请求就要写一个servlet，非常麻烦，而如果能把这些重复的工作抽取出来写成一个通用servlet，那么就会轻松很多，比如：在userservlet中d
24、oget()方法中Stirng m=request.getParameter(method);if(add.equals(m)add(HttpServletRequest,HttpServletResponse)else if(update.equals(m)update(HttpServletRequest,HttpServletResponse)else if()直接重写service方法即可，在service方法中写上面的判断代码即可接下来就是要把这个重复的代码抽取出来专门写成一个通用的BaseServlet，只需要BaseServlet extends HttpServlet，然后其他
25、的servlet继承baseServlet，具体步骤和关键代码如下：在闲淘的baseservlet中覆写service方法，该方法中要做的事情是获得请求方法，然后找到请求方法的字类，然后子类用反射机制通过方法名称获得指定方法并执行。关键代码实现如下：图4-2-1 通用Servlet关键代码4.2.2用户注册页面设计：图4-3 用户注册页面步骤分析:1.在index.jsp上点击注册跳转到注册页面2.填写完表单之后，点击注册 作为注册的超链接向userservlet发起请求且方法名为registUI3.在userservlet中编写registUI 方法完成注册业务的关键代码:图4-4 user
26、servlet中regist方法的代码图4-5 用户注册dao层代码图4-6 用户注册service层代码4.2.3用户激活界面设计：图4-7 用户注册成功界面图4-8 闲淘用户激活成功页面步骤分析:闲淘用户注册在邮箱收到信息之后点击邮箱的链接完成激活，比如链接如下：http:/localhost/store/user?method=active&code=A347DH5H7D788GH6实现思路是在用户Servlet中编写激活的方法，该方法要做的事情是获得激活码，然后调用完成激活的业务代码。实现该功能的关键代码如下:图4-9 用户激活web层关键代码图4-10 用户激活service层关键代
27、码图4-11 用户激活service层关键代码4.2.4用户登录界面设计：图4-12 用户登录界面步骤分析:1.闲淘用户在主页上点击登录链接,跳转到闲淘登录页面2.提交表单到action:/store/user?method=login3.登录方法代码的逻辑:获取闲淘用户名和密码，然后调用业务层去数据库获取看是否存在此用户，如果存在就继续判断当前闲淘用户是否已激活，只有存在此闲淘用户且已激活的情况,才将这个闲淘用户放入session中4.页面重定向到首页上，展示用户名、退出、我的订单、购物车关键代码:图4-13 用户登录关键业务代码4.2.5用户退出步骤分析:1.点击用户退出,只需要消除ses
28、sion，然后页面重定向即可关键代码:图4-14 用户退出关键代码4.2.6分类展示点击首页的时候查询分类信息界面设计:图4-15 分类展示界面步骤分析: 1.闲淘用户访问主页的时候查询分类信息2.调用查询所有分类信息的方法，将查询到的数据展示在首页关键代码实现如下:图4-15-1 查询所有分类的关键业务代码4.2.7首页上展示热门商品和最新商品页面设计：图4-16 热门商品展示界面步骤分析:1.闲淘用户在访问主页的时候，查询最新、热门商品。关键代码实现如下:图4-16-1 热门和最新商品展示的关键业务代码4.2.8查询单个商品的详情界面设计：图4-17 商品详情界面步骤分析: 1.在首页上点
29、击任意一个商品2.发送请求到. 3.编写业务代码进行展示关键业务代码如下:图4-17-1 通过ID查询单个商品详情关键业务代码4.2.9按类别分页展示商品界面设计：图4-18 按类别分类展示商品界面步骤分析:在菜单上 点击一个分类 head.jsp，发送请求findByPage方法的操作:1.接收分类id和当前页，设定每页显示的条数pageSize， 2.调用productSerivce 返回一个PageBean（在productSerivce中需要封装pagebean）3.将pagebean加入到request域,最后转发到商品列表页面展示数据。关键的实现代码如下:图4-18-1 按类别分类
30、展示商品中pagebean实体的参数图4-18-2 按类别分页展示商品部分代码4.2.10将商品添加到购物车界面设计：图4-19 购物车界面步骤分析:1.在闲淘商品详情页面,点击加入购物车，然后发送请求到处理购物车业务的Servlet2.在方法上的业务逻辑操作：先获取商品的ID和购买数量，然后计算总价。3.获取闲淘购物车,调用添加到购物车的方法。4.页面跳转，重定向到闲淘购物车界面进行展示。关键的业务代码如下:图4-19-1 获取购物车代码图4-19-2 添加购物车代码图4-19-3 购物车关键代码4.2.11删除购物车上的商品步骤分析:1.闲淘用户在购物车页面上,点击商品后面的删除按钮，发送
31、servlet请求2.在购物车Servlet中写移除商品的方法3.重定向到购物车界面展示关键的业务代码如下:图4-19-4 从购物车中移除购物车项关键代码4.2.11闲淘用户清空购物车界面设计：图4-20 已清空的闲淘购物车界面步骤分析:1.闲淘用户点击购物车界面的清空购物车按钮，发送请求到/store/cart?method=clear。2.在Servlet中编写清空购物车的方法。 3.展示已清空的闲淘购物车关键的业务代码如下:图4-20 清空购物车的关键代码4.2.12生成订单界面设计：图4-21 生成订单的界面闲淘用户在购物车界面上点击提交订单，则生成订单。步骤分析:1.判断闲淘用户是否
32、登录,若未登录则不能生成订单且转发提示“请先登录”2.只有闲淘用户已登录的时候才调用订单业务层生成订单。关键的业务代码如下:/* * 生成订单 * /图4-21-1 生成订单的关键业务逻辑代码图4-21-2 生成订单的关键业务逻辑代码图4-21-3 生成订单的关键业务逻辑部分代码4.2.13闲淘用户查询我的订单界面设计：图4-22 闲淘用户的订单界面闲淘用户点击主页上的我的订单,则展示闲淘用户的所有订单信息。步骤分析:1.闲淘用户点击我的订单发送请求到/store/order?method=findAllByPage&currPage=?2.在订单servlet中编写通过分页展示查询订单的方法
33、，封装数据并返回订单界面进行展示。3.查询所有的订单用到的相关SQL语句如下：select * from orders where uid=? limit m,n 可以查询出所有的订单select * from orderitem oi,product p where oi.pid = p.pid and oi.oid = ? 可以查询查询订单项表和商品表。关键的业务代码代码如下:图4-23-1 分页查询我的订单关键代码图4-23-2 分页查询我的订单关键代码图4-24 分页查询订单效果展示界面4.2.14查询订单详情界面设计：图4-25 分页查询订单效果展示界面图4-26 闲淘订单详情页面该
34、页面为：闲淘未付款的商品订单列表,用户点击付款之后系统跳到订单详情的页面步骤分析:1.在闲淘用户订单详情页面点击付款,然后发送请求到订单处理的servlet2.在订单servlet类中编写查看订单详情的方法，最后请求转发到订单详情页面展示3.用到的SQL语句是select * from orderitem oi,product p where oi.pid = p.pid and oi.oid = ?可以通过订单号查询到订单详情 关键的业务代码如下:图4-26-1 查询订单详情部分代码/* * 通过oid 查询订单详情 */图4-26-2 查询订单详情关键代码4.2.15后台管理分类信息界面设
35、计：图4-27 后台管理界面图4-28 后台管理界面图4-29 展示所有分类的界面图4-30 添加分类的界面图4-31 编辑分类的界面图4-32 后台管理界面代码添加分类的步骤分析:1.编写一个添加分类的链接2.点击该链接请求转发到添加分类的表单界面3.填写表单中要求填的信息4.在管理分类的servlet上编写add方法：获取分类的名称，封装，设置id，处理完之后页面重定向回分类管理界面。修改分类步骤分析:1. 编写一个编辑分类的链接/store/adminCategory?method=getById&cid=?2. 点击该链接请求转发到编辑分类的表单界面。3. 填写表单中要求填的信息。4.
36、在管理分类的servlet上编写编辑分类的方法：获取分类的id和名称，封装数据，然后调用业务层更新分类的方法，处理完之后页面重定向回分类管理界面。删除分类步骤分析:1.在分类列表上编写删除链接。2.在管理分类的servlet中编写删除分类的方法：获取分类id，调用删除方法，最后重定向回分类管理列表界面。关键的业务逻辑代码如下：图4-32-1 展示所有分类代码图4-32-2 添加分类代码图4-32-3 通过id获取分类信息图4-32-4 更新分类方法图4-32-5 删除分类方法4.2.16展示所有商品界面设计：图4-33 后台展示所有商品的界面步骤分析:1.修改left.jsp的页面的连接，发送
37、请求到/store/adminProduct?method=findAll2.在adminProductservlet的 findAll方法中获取productservice 查询所有的商品 返回list将list放入request域中 请求转发 /admin/product/list.jsp关键代码：图4-33-1 查询所有商品关键代码4.2.17添加商品界面设计：图4-33-1 添加商品的界面步骤分析:1.编写一个添加商品的按钮，点击则发送请求到商品管理相关的Servlet2.Servlet的方法请求转发到添加页面。3.填写完全部表单信息，发送请求到商品管理的Servlet4.添加商品Se
38、rvlet中的添加方法完成商品添加后重定向到商品管理列表界面。该功能的关键业务代码如下：图4-33-1 添加商品部分代码图4-33-2 添加商品关键代码图4-33-3 添加商品关键代码4.2.18订单管理 界面设计图4-34后台订单的界面步骤分析:1.在后台订单管理界面中编写五个连接，分别对应所有订单、未支付订单、已支付订单、已发货订单、已完成订单，每点击一个链接，发送请求到订单管理的Servlet，依照传入的state值来查询对应的数据（每条订单数据都有state字段，用来表示订单的状态）2. 将查询到的数据封装传回给前台订单管理界面展示。关键的业务逻辑代码如下:图4-34-1 查询订单关键
39、代码 系统订单状态修改例: 第一种情况是：后台管理系统页面对指定订单进行点击发货操作,这时候就需要将所被操作的订单状态进行修改,第二种情况是：在系统客户的订单列表页面上进行我的订单的查询,然后点击所确认的收货订单的步骤，也是需要对所被操作的订单状态进行修改。 步骤分析:1.在订单管理列表界面编写一个修改订单状态的链接，点击该链接,发送请求到订单管理的Servlet。2.接收订单的id和订单的状态两个参数，然后由Servlet中的方法调用业务层的修改状态,最后重定向回订单管理页面进行展示 关键的业务逻辑代码如下:图4-34-2 修改订单状态关键代码第五章 闲淘系统的前后台测试5.1闲淘前台测试5
40、.1.1闲淘用户注册的功能测试表 5-1 闲淘用户注册的功能测试用例描述测试步骤预期结果实际结果测试是否通过能否正常注册用户点击首页的“注册”跳转到注册页面,填写注册表单信息,点击注册注册成功，页面显示提示请去邮箱激活账号注册成功，页面显示提示请去邮箱激活账号,同时发送邮件到邮箱是5.1.2 用户激活功能测试表 5-2 用户激活功能测试用例描述测试步骤预期结果实际结果测试是否通过点击激活链接能否正常激活用户点击邮箱的激活链接页面显示提示激活成功激活成功，页面显示提示激活成功是5.1.3用户登录功能测试表 5-3 用户登录功能测试用例描述测试步骤预期结果实际结果测试是否通过用户能否正常登录点击首
41、页的“登录”按钮，跳转到登录页面,填写用户名和密码,点击登录按钮登录成功，页面重定向到首页,且首页展示用户名、退出、我的订单以及购物车登录成功，页面重定向到首页,且首页展示用户名、退出、我的订单以及购物车是5.1.4用户退出测试表 5-4 用户退出功能测试用例描述测试步骤预期结果实际结果测试是否通过用户能否正常退出点击首页的“退出”的超链接按钮退出成功，首页“我的订单”消失，同时出现“登录”按钮退出成功，首页“我的订单”消失，同时出现“登录”按钮是5.1.5分类展示测试表 5-5 分类展示功能测试用例描述测试步骤预期结果实际结果测试是否通过首页分类信息能否正常展示出来访问首页首页所有的商品分类
42、展示出来首页所有的商品分类展示出来是5.1.6首页展示最新商品和热门商品测试表 5-6 首页展示最新商品和热门商品功能测试用例描述测试步骤预期结果实际结果测试是否通过首页能否正常展示最新商品和热门商品访问首页页面加载的时候查询最新商品和热门商品最终展示在首页上页面加载的时候查询最新商品和热门商品最终展示在首页上是5.1.7查询单个商品的详情测试表 5-7 查询当个商品的详情功能测试用例描述测试步骤预期结果实际结果测试是否通过在首页上点击任意商品能否正常把商品的详细信息展示出来点击首页上的任意一个商品展示所点击的商品的详情信息展示所点击的商品的详情信息是5.1.8按类别分页展示商品测试表 5-8 按类别分页展示商品功能测试用例描述测试步骤预期结果实际结果测试是否通过点击首页上的分类能否正常将该分类下的所有商品分页展示出来点击首页的任意一个分类页面将所点击的分类下的所有商品分页展示出来页面将所点击的分类下的所有商品分页展示出来是5.1.9商品添加到购物车测试表 5-9 商品添加到购物车测试用例描述测试步骤预期结果实际结果测试是否通过能否正常将商品添加到购物车点