后台管理系统的主要工作过程为:管理员录入商品信息上传商品图片编辑商品介绍管理商品信息订单信息用户信息导出数据报表自定义首页内容
用户购买系统的主要功能为:浏览商品**,购买商品**,添加购物车查看历史订单信息,支付宝支付订单

系统效果:

1.商城首页。(管理员和用户首先都是进入这里)

网上商城 技术架构 搜索引擎 网上商城框架_网上商城 技术架构 搜索引擎


2.登录账号:点击左上角的注册/登录

网上商城 技术架构 搜索引擎 网上商城框架_用户名_02


新用户可以点击注册:

网上商城 技术架构 搜索引擎 网上商城框架_后台管理_03


用户登陆后,返回商城首页。左上角变为用户名+注销

网上商城 技术架构 搜索引擎 网上商城框架_用户名_04


点击用户名,可修改个人信息

网上商城 技术架构 搜索引擎 网上商城框架_上传_05


用户可以根据左侧菜单栏,选择自己想看的品牌、商品,也可以滚动鼠标往下浏览

网上商城 技术架构 搜索引擎 网上商城框架_用户名_06


点击商品进入商品详情页,用户可以在此选择尺码购买数量,然后点击放入购物车或直接支付。商品介绍为管理员自己编辑的长图文,供用户查看商品详情

网上商城 技术架构 搜索引擎 网上商城框架_用户名_07


点击放入购物车后,进入购物车页面。用户可以于此修改收货地址删除订单,前往支付

网上商城 技术架构 搜索引擎 网上商城框架_用户名_08


点击修改收货地址后,会弹出修改界面进行修改或关闭

网上商城 技术架构 搜索引擎 网上商城框架_后台管理_09


点击去支付,跳去确认订单页

网上商城 技术架构 搜索引擎 网上商城框架_上传_10


点击支付,跳去支付宝支付界面

网上商城 技术架构 搜索引擎 网上商城框架_后台管理_11


支付是采用的支付宝沙箱模拟,故测试支付需手机下载支付宝沙箱APP。

 

测试账号为:

网上商城 技术架构 搜索引擎 网上商城框架_后台管理_12


支付完后,跳回商城首页。在历史记录可以查看该商品是否出货快递编号

网上商城 技术架构 搜索引擎 网上商城框架_网上商城 技术架构 搜索引擎_13


管理员登入后台管理系统界面

网上商城 技术架构 搜索引擎 网上商城框架_上传_14


点击添加商品。添加商品分3步,

1.添加商品信息

网上商城 技术架构 搜索引擎 网上商城框架_网上商城 技术架构 搜索引擎_15


2.添加商品图片

网上商城 技术架构 搜索引擎 网上商城框架_后台管理_16


3.编辑商品介绍

网上商城 技术架构 搜索引擎 网上商城框架_用户名_17


添加商品完成后,会跳去管理商品页面。管理员可以于此对商品的信息,图片,长图文进行操作,浏览商品页面,根据不同属性对商品进行查询。(每10个分一页)

网上商城 技术架构 搜索引擎 网上商城框架_用户名_18


点击管理用户,管理员可以于此对用户进行删除,查询操作

网上商城 技术架构 搜索引擎 网上商城框架_上传_19


点击管理订单,管理员可以于此对订单进行修改/删除/查询操作,点击用户编号会查询出该用户的信息,点击商品编号会查询该商品的信息。(修改主要是管理员对出货状态和快递编号进行修改

网上商城 技术架构 搜索引擎 网上商城框架_用户名_20


点击数据报表,管理员于此可以看到进入后台管理系统的界面。可以于此输出用户/商品/订单的数据报表(xml文件)

网上商城 技术架构 搜索引擎 网上商城框架_网上商城 技术架构 搜索引擎_21


点击商城首页设置,可以选择设置首页滚动图片设置首页侧列表

网上商城 技术架构 搜索引擎 网上商城框架_上传_22


点击设置首页滚动图片,管理员可以上传不超过4张的图片到首页中去(每次上传都会替换掉之前的)

网上商城 技术架构 搜索引擎 网上商城框架_用户名_23


点击设置首页侧列表,管理员可以于此设置首页侧列表的内容。编辑完后,点击编辑完成按钮完成设置

网上商城 技术架构 搜索引擎 网上商城框架_后台管理_24