1 前端商城界面
1.1 商城首页
首页分为三个部分,分别显示热销推荐、特价促销、新品上架三个推荐类目的商品列表
以上这三类推荐商品可以分别在后台管理中设置
点击商品图片或商品标题可以进入商品详情页面
点击【加入购物车】按钮会将次商品加入购物车
1.2 商品分类
鼠标进入导航条中的【商品分类】时下方会显示分类列表,
点击列表中的分类名称,显示此分类下全部商品列表
点击商品图片或商品标题可以进入商品详情页面
点击【加入购物车】按钮会将次商品加入购物车
1.3 热销推荐
点击导航栏中【热销推荐】显示所有热销推荐的商品列表
1.4 特价促销
点击导航栏中【特价促销】显示所有特价促销的商品列表
1.5 最新上架
点击导航栏中【最新上架】显示所有最新上架的商品列表
点击商品图片或商品标题可以进入商品详情页面
点击【加入购物车】按钮会将次商品加入购物车
1.6 商品详情
点击之前页面中的商品图片或商品名称可以进入商品详情页面
此页面会显示商品简介、价格、库存等具体信息
点击右方的商品分类按钮,会分别进入对应分类的商品列表页面
1.7 用户登录
点击右上角【用户登录】按钮进入用户登录页面
输入正确的用户名和密码,点击【确认登录】按钮进行登录
如果还没有账号,可以点击【注册新用户】按钮进行注册
1.8 用户注册
填写用户名和密码,以及电话和地址后点击【确认注册】按钮提交注册信息
如果已有账户,可以点击【登录已有账户】按钮进入登录页面
1.9 用户退出
登录成功后右上角会显示当前登录的用户名
点击用户名后的【退出】按钮,可以退出登录
1.10 购物车
点击任意页面上的【加入购物车】按钮,都会将对应商品加入到购物车中
出现【加入成功】提示信息后会更新右上部购物车商品数量
点击右上方【购物车】按钮,进入购物车列表页面
在购物车列表中可以点击【添加】【减少】【删除】按钮对商品进行相应操作
点击下方【提交订单】按钮,会提交购物车所有商品保存为订单
1.11 提交订单
在购物车中选购好商品之后可以点击【提交订单】进入订单确认页面
此页面需要确认收货信息,默认会显示个人信息中的电话和地址,可以修改
选择对应支付方式进行支付
1.12 我的订单
点击导航栏中的【我的订单】可以查看全部订单列表
包括每笔订单的订单号、下单时间、总价、详情、以及当前状态等信息
1.13 个人中心
点击导航栏中的【个人中心】进入个人中心页面
在【个人信息】中可以修改电话和地址,点击【提交保持】按钮进行保存
新的个人信息会在下一次提交订单时在收货信息中显示
在【安全信息】中可以修改登录密码,点击【提交保持】按钮进行保存
2 后台管理界面
2.1 后台登录
在网站首页点击导航栏右侧【后台登录】进入登录页面
填写正确的用户和密码后点击【登录后台】按钮提交登录请求
2.2 订单管理
点击导航栏【订单管理】进入订单列表
可以通过每笔订单后方的操作按钮对此订单进行【发货】【完成】等状态变更操作
点击【订单详情】按钮显示此订单中的商品列表
2.3 类目管理
点击导航栏【类目管理】进入类目列表
在列表中可以对类目进行【修改】和【删除】操作
在上方输入类目名称,点击【添加类目】按钮可以添加新类目
2.4 商品管理
点击导航栏【商品管理】进入商品列表
在列表中可以对商品进行【修改】和【删除】操作
列表上方标签可以切换显示热销推荐、特价促销、新品上架和全部商品列表
列表后方操作按钮【设为热销】和【取消热销】可以操作推荐状态,其余两类操作相同
列表中点击商品图片或商品名称可以查看商品详情页面
点击列表上方【添加产品】按钮进入添加商品页面
添加商品页面
封面:选择本地图片,推荐图片尺寸为212px*212px
名称:商品名称建议控制在20个汉子以内
价格:数字类型,单位元,支持小数点后两位
介绍:简要介绍商品,建议100个汉子以内
库存:输入商品库存,数量类型
类目:选择要把商品发布到的类目
所有信息都正确填写后,点击下方【提交保存】按钮进行保存
修改商品
如需修改图片,点击【选择文件】按钮,选择新的本地图片,不选择不修改
其余属性如需修改,在原有基础上修改即可
所有信息都正确填写后,点击下方【提交保存】按钮进行保存
2.5 库存管理
点击导航栏【库存管理】进入库存列表
列表中商品库存少于10后会以红色字体显示
在列表后方输入新的库存数量后,点击【保存】按钮进行
2.6 用户管理
点击导航栏【用户管理】进入用户列表
列表中可通过后方操作按钮对用户信息进行【修改】【删除】操作
点击【重置密码】可以对此用户密码进行重置
管理员重置无需提供原密码,不填写密码提交不更新密码
点击右上方【添加用户】按钮进入添加用户页面
输入基本信息后点击【提交保存】按钮进行保存
修改用户页面
2.7 管理员
点击导航栏【管理员】进入管理员列表,默认admin用户不允许操作
列表中可通过后方操作按钮对用户信息进行【修改】【删除】操作
点击【重置密码】可以对此用户密码进行重置
管理员重置无需提供原密码,不填写密码提交不更新密码
点击右上方【添加管理员】按钮进入添加管理员页面
2.8 退出
点击右上方【添加管理员】按钮进入添加管理员页面
3 源代码下载
网上商城系统源代码 点击下载