一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Mw411y7EF?t=13.2
三、运行截图:
在此部分内容中,主要通过系统功能的运行效果图展示前面设计的最终结果。系统实现对编制人员的技术能力有较高要求,因为需要他们使用编程的方式去实现系统设计的方案。
3.1 管理员功能实现
3.1.1 热销商品管理
管理员权限中的热销商品管理,其运行效果见下图。管理员维护商品资料,能修改与删除。也能登记本页面没有的商品资料。
图3.1 热销商品管理页面
3.1.2 用户管理
管理员权限中的用户管理,其运行效果见下图。用户可以注册提交信息,也可以让管理员在后台添加用户,维护用户资料,包括修改与删除。
图3.2 用户管理页面
3.1.3 留言板管理
管理员权限中的留言板管理,其运行效果见下图。用户提交的留言,需要管理员在当前页面查看并回复。
图3.3 留言板管理页面
3.1.4 已完成订单
管理员权限中的已完成订单,其运行效果见下图。管理员管理处于不同状态的订单,查询已完成订单,也能直接删除。
图3.4 已完成订单页面
3.2 用户功能实现
3.2.1 商品信息
用户权限中的商品信息,其运行效果见下图。用户在本页面可以操作的功能比较多,可以收藏,评价页面内的商品,可以直接购买,也能暂时加入购物车保存商品。
图3.5 商品信息页面
3.2.2 购物车
用户权限中的购物车,其运行效果见下图。购物车帮助用户暂时保存购买的商品,方便用户一次性下单购买多种商品。
图3.6 购物车页面
3.2.3 提交订单
用户权限中的提交订单,其运行效果见下图。下单支付前,收货地址和购买的商品需要再次核对清楚,最后支付订单。
图3.7 提交订单页面
3.2.4 已支付订单
用户权限中的已支付订单,其运行效果见下图。用户对订单明细进行查看,可以选择对某些误购买的商品进行退款。
图3.8 已支付订单页面
3.2.5 我的地址
用户权限中的我的地址,其运行效果见下图。用户管理收货地址,能修改与删除。
图3.9 我的地址页面