计算机毕业设计 387的体育运动商品交易商城系统vue 毕设

第五章系统功能实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1Vu4y1c7Qo/

三、运行截图：

3.1管理员功能实现

管理员登录，通过填写用户名、密码、验证码等信息，输入完成后选择登录即可进入运动品交易商城，如图3-1所示。

图3-1管理员登录界面图

3.2.1 个人中心

管理员对个人中心进行操作填写原密码、新密码、确认密码并进行添加、删除、修改以及查看。个人中心效果图如图3-2所示。

图3-2个人中心界面图

3.2.2 商品类别管理

管理员对商品类别管理查看商品类别进行详情、删除、修改、查看等操作。商品类别管理效果图如图3-3所示。

图3-3商品类别管理界面图

3.2.3商品信息管理

管理员对商品信息管理进行编辑索引、商品编号、商品名称、商品类别、图片、数量、价格等信息进行添加、删除、修改、查看等操作。商品信息管理效果图如图3-4所示。

图3-4商品信息管理界面图

3.2.4 出库信息管理

管理员对出库信息管理进行编辑索引、商品编号、商品名称、数量、登记时间、图片等信息进行添加、删除、修改、查看等操作。出库信息管理效果图如图3-5所示。

图3-5出库信息管理界面图

3.2.5 日志信息管理

管理员对日志信息管理进行编辑索引、标题、登记时间、等信息进行添加、删除、修改、查看等操作。日志信息管理效果图如图3-6所示。

图3-6日志信息管理界面图

3.2.6用户管理

管理员对用户管理进行编辑索引、用户名、用户姓名、密码、性别、联系电话等信息进行添加、删除、修改、查看等操作。用户管理效果图如图3-7所示。

图3-7用户管理界面图

3.2.7 留言板管理

管理员对留言板管理进行编辑索引、用户名、留言内容、回复内容等信息进行添加、删除、修改、查看等操作。留言板管理效果图如图3-8所示。

图3-8留言板管理界面图

3.2.8 订单管理

管理员对订单管理进行编辑订单编号、商品名称、商品图片、购买数量、价格等信息进行添加、删除、修改、查看等操作。订单管理效果图如图3-9所示。

图3-9订单管理界面图

3.3用户前台

3.3.1用户登录

 用户通过输入账号，密码，等信息进行系统登录，如图3-10所示。

图3-10用户登录功能界面图

3.3.2个人中心

个人中心进行填写个人信息、信息修改并进行添加、删除、修改以及查看个人中心等等操作如图3-11所示。

图3-11个人中心界面图

3.3.3商品信息详情

商品信息详情，在商品信息详情页面可以查看商品编号、商品名称、商品类别、数量、价格等内容，如图3-12所示。

图3-12商品信息详情界面图

3.3.4我的订单

我的订单，在我的订单页面可以查看商品、名称、单价、数量、总价、收货地址、状态等内容，如图3-13所示。

图3-13我的订单界面图

3.3.5地址列表

地址列表，在地址列表页面可以查看商品、名称、价格、数量、总价等内容，如图3-14所示。

图3-14地址列表界面图

3.4用户后台功能模块

3.3.1个人中心

用户进入个人中心可以添加、修改、查看原密码、新密码、确认密码等操作。个人中心效果图如图3-15所示。

图3-15个人中心界面图

3.3.2个人信息

用户对个人信息进行查看用户名、用户姓名、密码、性别、联系电话等操作。个人信息效果图如图3-16所示。

图3-16个人信息界面图

3.3.3我的收藏管理

用户对我的收藏管理进行查看索引、收藏ID、收藏名称、收藏图片等操作。我的收藏管理效果图如图3-17所示。

图3-17我的收藏管理界面图

3.3.4订单管理

用户对订单管理进行查看订单编号、商品名称、商品图片、购买数量、价格等操作。订单管理效果图如图3-18所示。

图3-18订单管理界面图