3.1.2用户注个人中心功能需求

订单管理：订单包括待付款的订单、待收货的订单、已完成的订单、要退款/售后的订单。

收货地址管理：添加、删除地址信息。

我的收藏管理：查看、删除收藏信息。

联系客服管理：展示客服的相关信息。

3.1.3购物车功能需求

购物车管理：选中、删除、收藏商品信息，结算总金额。

订单管理：数量、收货地址、配送方式、发票信息等订单信息。

3.1.4商品分类查询功能需求

商品种类查询：根据商品的种类查询该种类的商品。

店铺名称查询：根据店铺的名称查询该店铺下的商品。

首页推荐查询：根据首页的活动精选和推荐选择商品。

商品名称查询：在查询框中输入商品名称进行查询。  

3.2流程分析

3.2.1用户注册流程

用户必须通过注册才能使用网站中的一些功能，首先需要填写注册的用户信息，正确填写方可注册成功。

该流程图如图1。图1用户注册流程图

3.2.2用户购买流程

用户必须登录后才能购买，首先需要选择商品，可以立即购买、加入购物车、收藏。如果立即购买进入订单填写界面，在该界面填写收货地址、支付方式、发票信息、备注，点提交进入支付页面，支付成功该商品就购买成功了。

4系统详细设计

4.1网站首页设计

网站首页模块, 使用HTML5+CSS3完成页面的布局,使用JavaScript给页面添加交互事件。页面最上方是搜索框，当输入内容时会进入查询页面，根据输入内容进行查找。点输入框旁边的登录，进入登录页面。下面的每日推荐、限时闪购、新品上架、热销推荐图标使用的是Bootstrap的栅格化布局每个图标占三份，具体代码为：<p class="col-lg-3 col-md-3 col-xs-3 col-sm-3"><a href="###"><img src="img/shouye/xinpinshangjia.png"/></a></p>。下面的为您推荐部分和底部导航也都是用的Bootstrap的栅格化布局。底部的导航用的是绝对定位固定到了页面的最下方，在首页、分类、购物车、我的页面中，底部导航引用的是同一个样式，节省了代码，利于维护，方便修改。

4.2用户登录和注册设计

4.2.1注册功能模块

用户第一次进入系统需要先点击注册，填写个人的基本信息，根据网页提示    填写完整后方能完成注册。点注册按钮后会进行Ajax请求调用对应的PHP接口文件，进行判断。如果用户名已存在，将提示用户，用户名已存在，如果数据正常则将用户信息存储到对应MySql数据库中，存储成功将提示注册成功。密码为6-12个字符，用户名密码不能为空。

4.2.2登录功能模块

登录窗口被放置在首页，如果该用户已经注册过该网站，那么他可以直接输入已注册的用户名和密码，登录成功后在我的界面中个人信息会显示，这时才能使用收藏商品、加入购物车、购买商品等功能，如果用户没有注册就直接进行登录，那么网站会拒绝登录，并提示你进行注册并返回到登录页面，重新注册和登录。点登录按钮后会进行Ajax请求调用对应的PHP接口文件到对应MySql数据库中查询该信息，如用户名错误密码正确，会提示该用户不存在请注册。如用户名正确密码错误，将提示密码错误。只有用户名密码都正确时才会提示登录成功。

4.3商品管理

4.3.1商品分类页面

页面最上方是输入框可根据输入的内容查询出对应商品，左侧的侧边栏和右侧内容可以用仿京东侧边栏插件，只需修改一下左侧背景颜色，右侧较整齐使用的Bootstrap的栅格化布局。左侧使用的是Javascript添加的点击事件，当点击时给该选项添加样式。