网上购物在线网站致力于提供产品展示及订购为核心的网上购物服务宣传自己商店的产品并将自己的产品展现给客户,让客户通过网站便能对自由的选择地购买产品。
分为两个系统模块:
该网站是通过用户注册、登录、浏览商品、按分类搜索、关键字搜索、购买、确定购买、购买等实现用户模块功能。
商品管理:品牌管理、平台属性管理、sku管理、分类管理、spu管理
权限管理:用户管理、角色管理、菜单管理
娱乐功能:贪吃蛇、扫雷等
数据可视化功能:即收集营业额情况,门店销售情况等
我们在编写该需求前,首先是对各大网上销售网站进行了调查,其中包括:网页排版、顾客消费流程、以及后台商家需要进行哪些操作可以更简便的操作商品,这三大块进行了调查。并总结出了有自己特色的设计思路。
前端技术:将Vue2、ElementUI、html、javaScript、css、echarts等结合起来使用。
后端技术:Node.js,javaScript,SQL,npm的各种包
前后端交互:前端用axios发送请求获取后端数据,
远程代码仓库:Github、gitee
网上商城共分两个部分,一部分是面向用户的部分,包括:顾客在线注册、购物、提交订单、付款等操作;另外一部分是商城管理部分,这部分的内容包括:产品的添加、删除、查询、订单的管理、操作员的管理、注册用户的管理等。
1. 进入首页
2. 商品搜索
3. 购买商品
4. 商品类别显示
5. 显示购物车简要信息
6. 前台注册
7. 前台用户登录
8. 前台用户退出
9. 购物车管理
10.订单确认
管理人员部分
该部分的用户有一个超级管理员。超级管理员拥有最高权限,可访问所有订单,可浏览、查询订单,可浏览、修改与新增工作人员。可操作工作人员对于后台系统的可视模块,比如商家只允许查看到商品管理,财务人员可以查看数据可视化模块,分类管理人员可以查看分类模块等等
管理订单功能
顾客可通过Web方式取消、修改自己提交的订单(在管理员确认前),查询自己提交的订单(随时)。如订单的状态在一定时限(如12个小时)后仍没有发生变化(“订单关闭”状态除外),系统自动提醒管理员(如该订单变色,弹出提醒窗口等方式。订单状态发生变化,系统自动发E-mail给顾客,“无效订单”、“订单关闭”状态除外)。
管理商品功能
品牌管理、平台属性管理、sku管理、分类管理、spu管理
价格单位保留到分。
购物流程要简单明了,产品图片要清楚,产品信息描述准确。
顾客流程图:
管理员流程图:
顾客提交订单。
页面显示:“感谢您在网上商城购物,您的订单已成功提交,我们会在12小时内 与您联系。如有问题可拨打网上商城客服热线”。 (3) 订单信息进入系统审核,若审核通过,则将订单入库,并通知顾客付款,若审核失 败(如填写的信息无效或无库存),则将失败原因发给顾客,同时删除订单。
订单具备以下几种状态:“提交成功、尚未审核”、“用户取消”、“无效订单”、“已审核,尚未付款”、“付款成功、尚未发货”、“付款不成功”、“已发货”、“订单关闭”等。
顾客提交订单,订单入库即为“提交成功、尚未审核”状态;订单管理员在后台 浏览到顾客提交的订单,在确认订单信息有效后,订单的状态为“已审核,尚未付款”,如是无效信息(如收货人信息虚假),则置其状态为“无效订单”;在订单审核前,消费者可在线修改或取消其提交的订单。
管理员审核订单后,再由其系统联系顾客,通知他付款,根据结果置订单的状态为“付款成功、尚未发货”、“付款不成功”,付款不成功则继续通知顾客付款,若一定时间内没有付款(如24小时内),则将订单状态置为“订单取消”。
付款成功后,由销售方发货,订单接下来依次经过“已发货”、“订单关闭”两个状态。
6.1.1 网上购物系统顶层图
6.1.2 网上购物系统一层图(会员)
6.1.3 网上购物系统一层图(购物系统)
6.1.4 网上购物系统二层图(订单管理系统)
6.1.5 网上购物系统三层图(商品管理系统)
6.1.6 网上购物系统三层图(广告及其它信息管理系统)
6.1.7 网上购物系统二层图(注册会员管理系统)
6.1.8 网上购物系统一层图(管理员系统)