天猫商城项目演化(一)

						**

模仿天猫电商网站1.0&2.0&3.0

项目名称：仿天猫商城1.0

**
目录：

1.引言
软件背景
2.项目概述
2.1软件基本需求介绍
2.1.1前台展示
2.1.2用户交互
2.1.3后台管理
2.2数据库设计
2.2.1分类Category
2.2.2用户User
2.2.3评价Review
2.2.4产品Product
2.2.5产品图片ProductImage
2.2.6属性 poverty
2.2.7属性值povertyValue
2.2.8订单 Order_
2.2.9 订单项OrderItem
3.功能概述
3.1开发所用的技术
①SSM框架
②ajax
③jQuery
④逆向工程
⑤jsp
⑥bootstarp

3.2功能模块图
3.3功能用例图
3.4用例分析
3.5前台展示功能
3.6用户交互功能
3.7后台管理功能

4.代码实现过程(简介)
前台
交互
后台

								天猫1.0

引言
项目背景:
为了熟练掌握SSM框架熟悉Java开发全流程所制作的一个有SSM框架制作的模仿天猫商城的网站。
软件基本需求介绍
前台展示页面:
1.首页
首先我们在首页可以看到整体效果横向有4个分类链接，纵向有17个分类链接，当鼠标移动到纵向分类链接的时候会有显示出推荐商品，向下滑动会看见显示17个分类每个分类下面有5个这个类别下面的产品。

2.产品页
当点进一个商品的时候会看见950x100的一个图片，之后左边会显示5个单独的图片，右边会显示商品的详细信息，如标题、小标题、价格、销量、评级数量、库存之类的信息，有两个按钮一个立即购买、一个加入购物车需要登录才能进行的操作。
之后下面有商品的详细信息对应商品的属性、还有评价信息，之后有5张商品详细图片

4.搜索结果页
我们在上面搜索界面中可以看到所有满足搜索条件的商品显示满足条件的商品

5.购物车查看页
在购物车当中可以看见自己的订单项

6.结算页
在结算页面显示被选中的订单项
7.确认支付页
确认支付页面显示本次订单的金额总数一个支付宝二维码
页面图片
8.支付成功页
支付成功显示本次付款金额
显示收货地址实付款金额
预计到达时间
两个选项查看历史购买商品和交易详细信息

9.我的订单页
显示所有订单以及对应的订单项

10.确认收货页
显示订单项内容，显示订单信息，收货人信息

11.评价页
显示要评价的商品信息，商品当前的总评价数
当评价成功之后你可看见总评价数

**
12.页头信息展示
页头有两种状态一种是未登录状态，显示请登录，免费注册，购物车为0件
登录成功之后显示用户名和退出选项，购物车件数

用户交互页面

**
1.分类页排序
有五种排序方式按照综合、人气、新品、销量、价格等进行排序
还有一种是进行价格筛选，在服务器端实现用ajax实现

2.立即购买
在产品页，未登录状态下点击立即购买会弹出登录窗口

在产品页，如果已经登录，点击购买会把数据提交到服务端并且跳转到结算页面

3.加入购物车
在未登录状态，点击加入购物车，会弹出模态窗口

在已登录状态，点击加入购物车，使用ajax异步提交数据到服务端，生成订单项，并且使当前 “加入购物车” 按钮变得不可点击

4.调整订单项数量
在购物车页面，调整订单项数量

5.删除订单项
在购物车页面，删除订单项，首先弹出模态窗口确认是否要删除，如果要删除，则通过Ajax异步发送指令到服务端，并且在当前页面删除该条订单项

6.生成订单
在结算页面，提交订单时候，根据结算页面的收货人信息，订单项信息，生成订单数据

7.订单页功能
订单页面上有3个按钮，付款，确认收货和评价，这些按钮都没有提交数据到服务端，而是提交到下一个页面的二次操作，才提交数据到服务端的

8.确认付款
点击确认支付，提交本信息到服务端，服务端修改订单中的支付日期
9.确认收货
确认收货页面，点击确认支付，提交数据到服务端，并且修改订单中的确认收货日期

10.提交评价信息
提交评价信息到服务端
11.登录
输入正确账号密码，登录成功后跳转到首页，失败提示错误信息

12.注册
如果用户名被占用那么就不能使用本用户名
13.搜索
提交关键字到服务端，服务端查询数据库，并返回匹配的产品

后台页面需求分析:
1.分类管理
分页查询

新增分页

修改编辑

删除

2.属性管理
属性概念

分页查询
新增属性
编辑修改
删除
3.产品管理
分页查询
新增产品
编辑修改
删除

4.产品图片管理
产品图片概念
产品图片管理

5.产品属性管理

6.用户管理

7.订单管理
跟产品管理需求差不多

项目后台演示地址后台
项目前台演示地址前台
项目学习地址我目前觉得最好的自学网站