1 前端商城界面
1.1 商城首页
首页分为三个部分,分别显示女装、男装、童装三个推荐类目的商品列表,以上这三类推荐商品可以分别在后台管理中设置,点击商品图片或商品标题可以进入商品详情页面
1.2 搜索功能
鼠标进入导航条上方的红色文本框中输入要查询的内容,点击搜索图标,页面则显示该搜索条件下的所有商品列表,最下方有分页功能。
1.3 女装
鼠标点击导航条中的【女装】后,下方会显示所有女装类目下的商品列表
鼠标移动到商品后,商品会出现立体粉红色阴影,字体加下划线且出现【查看详情】
点击商品图片、商品标题和查看详情可以进入商品详情页面
1.4 男装
鼠标点击导航条中的【男装】后,下方会显示所有男装类目下的商品列表
展示商品图片,标题和价钱
鼠标移动到商品后,商品会出现立体粉红色阴影,字体加下划线且出现【查看详情】
点击商品图片、商品标题和查看详情可以进入商品详情页面
列表下方有分页功能
1.5 童装
鼠标点击导航条中的【童装】后,下方会显示所有童装类目下的商品列表
展示商品图片,标题和价钱
鼠标移动到商品后,商品会出现立体粉红色阴影,字体加下划线且出现【查看详情】
点击商品图片、商品标题和查看详情可以进入商品详情页面
列表下方有分页功能
1.6 爆款推荐
在女装、男装、童装、搜索和商品详情页面中,列表右侧都有4个爆款推荐商品
爆款商品只显示商品图片和价钱
鼠标移动到爆款推荐商品上时,商品价钱背景会呈现红色
点击商品图片可以进入商品详情页面
管理员后台可以设置推荐商品
1.7 商品详情
点击之前页面中的商品图片或商品名称可以进入商品详情页面
此页面会显示商品标题、价格、颜色、尺寸、库存等具体信息,页面下方展示商品详情
点击左方的商品分类按钮,会分别进入对应分类的商品列表页面
1.8 用户登录
点击右上角【用户登录】按钮进入用户登录页面
输入正确的用户名和密码,点击【确认登录】按钮进行登录
如果还没有账号,可以点击【免费注册】按钮进行注册
1.9 用户注册
填写用户名和密码,以及电话和地址后点击【确认注册】按钮提交注册信息
如果已有账户,可以点击【马上登陆】按钮进入登录页面
1.10 用户退出
登录成功后右上角会显示当前登录的用户名
点击用户名后的【退出】按钮,可以退出登录
1.11 购物车
点击任意页面上的【加入购物车】按钮,都会将对应商品加入到购物车中
出现【成功加入购物车!】提示信息后,都可以选择【去购物车结算】或者【继续购物】之后会更新右上部购物车商品数量
点击右上方【购物车】按钮,进入购物车列表页面
页面中展示商品图片、商品信息、单价、数量、单商品总价和所有商品总价
在购物车列表中可以对商品数量进行增加,减少和删除等进行相应操作
点击下方【提交订单】按钮,会提交购物车所有商品保存为订单
1.12 提交订单
在购物车中选购好商品之后可以点击【提交订单】进入订单确认页面
此页面需要确认收货地址,默认会显示个人信息中的电话和地址,订单详情,可以修改
选择对应支付方式进行支付
支付成功后弹出支付成功信息,点确定后进入列表页面
1.13 我的订单
点击导航栏中的【我的订单】可以查看全部订单列表
包括每笔订单的订单号、下单时间、总价、详情、以及当前状态等信息
1.14 个人中心
点击导航栏中的【个人中心】进入个人中心页面
在【收获信息】中可以修改姓名、电话和地址,点击【保存】按钮进行保存
新的收获信息会在下一次提交订单时在收货信息中显示
在【安全信息】中可以修改登录密码,点击【保存】按钮进行保存
点击保存后,会弹出信息修改成功退画框,3秒钟后消失
2 后台管理界面
2.1 后台登录
在网站首页点击导航栏右侧【后台登录】进入登录页面
填写正确的用户和密码后点击【登录后台】按钮提交登录请求
登陆成功后,进入欢迎界面
2.2 订单管理
点击导航栏【订单管理】进入订单列表
可以通过每笔订单后方的操作按钮对此订单进行【发货】【完成】等状态变更操作
2.3 类目管理
点击导航栏【类目管理】进入类目列表
在列表中可以对类目进行【修改】和【删除】操作
在上方输入类目名称,点击【添加类目】按钮可以添加新类目
2.4 商品管理
点击导航栏【商品管理】进入商品列表
页面中展示ID、图片、名称、价格、类目、库存和操作
在列表中可以对商品进行【修改】和【删除】操作
列表上方标签可以切换显示热销推荐和全部商品列表
列表后方操作按钮【加入爆款】和【取消爆款】可以操作
列表中点击商品图片或商品名称可以查看商品详情页面
点击列表上方【添加商品】按钮进入添加商品页面
2.5 属性管理
点击导航栏【属性管理】进入类目列表
标签上可以切换颜色和尺寸
在列表中可以对属性进行【删除】操作
在上方输入类目名称,点击【添加颜色】或者【添加尺寸】按钮可以添加新类目
2.6 用户管理
点击导航栏【用户管理】进入用户列表
列表中可通过后方操作按钮对用户信息进行【修改】【删除】操作
点击【重置密码】可以对此用户密码进行重置
2.7 管理员
点击导航栏【管理员】进入管理员列表,默认admin用户不允许操作
列表中可通过后方操作按钮对用户信息进行【修改】【删除】操作
点击【重置密码】可以对此用户密码进行重置
2.8 退出
点击导航栏【退出】注销当前用户并跳转到登录页面
3 源代码下载
服装商城项目源代码 点击下载