一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1CP411Y7Fa?t=0.4
三、运行截图:
在此部分内容中,主要通过系统功能的运行效果图展示前面设计的最终结果。系统实现对编制人员的技术能力有较高要求,因为需要他们使用编程的方式去实现系统设计的方案。
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 我的地址页面