计算机毕业设计 355的网上购物商城vue 毕设

第五章 系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

3.1管理员功能实现

管理员可以通过输入用户名、密码、角色登录系统，开始管理系统功能。管理员登录效果图如下图3-1所示：

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

3.1.1 用户管理

管理员可以对用户管理进行详情、修改、删除等操作。用户管理效果图如图3-2所示。

图3-2用户管理界面图

3.1.2关于我们管理

管理员可以对关于我们管理进行详情、删除、修改操作。关于我们管理效果图如图3-3所示。

图3-3关于我们管理界面

3.1.3商品信息管理

管理员可以对商品信息管理进行详情、删除、修改等操作。商品信息管理效果图如图3-4所示。

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

3.1.4新闻类别管理

管理员可以对新闻类别管理进行修改等操作。新闻类别管理效果图如图3-5所示。

图3-5新闻类别管理界面图

3.1.5举报投诉管理

管理员可以对举报投诉管理进行详情等操作。举报投诉管理效果图如图3-6所示。

图3-6举报投诉管理界面图

3.1.6订单信息管理

管理员可以对订单信息管理进行详情、修改、删除等操作。订单信息管理效果图如图3-7所示。

图3-7订单信息管理界面图

3.1.7售后管理

管理员可以对售后管理进行详情、修改、删除等操作。售后管理效果图如图3-8所示。

图3-8售后管理界面图

3.1.8我的收藏管理

管理员可以对我的收藏管理进行详情、修改、删除等操作。我的收藏管理效果图如图3-9所示。

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

3.1.9留言板管理

管理员可以对留言板管理进行详情、修改、删除等操作。留言板管理效果图如图3-10所示。

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

3.2用户功能实现

3.2.1网上购物商城，在网上购物商城页面通过查看首页、个人中心、举报投诉管理、订单信息管理、售后管理、我的收藏管理等内容，如图3-11所示。

图3-11用户功能界面图

3.2.2举报投诉管理

用户可以对举报投诉管理进行详情等操作。举报投诉管理效果图如图512所示。

图3-12举报投诉管理界面图

3.2.3订单信息管理

用户可以对订单信息管理进行详情等操作。订单信息管理效果图如图3-13所示。

图3-13订单信息管理界面图

3.2.4售后管理

用户可以对售后管理进行详情、修改、删除等操作。售后管理效果图如图3-14所示。

图3-14售后管理界面图

3.3前台首页功能实现

 网上购物商城，在系统首页可以查看首页、关于我们、商品信息、新闻信息、交流论坛、留言反馈、个人中心、后台管理、在线客服等内容，如图3-15所示。

图3-15前台首页功能界面图

3. 3.1 用户登录，在登录页面可以填写账号、密码等详细内容进行登录，如图3-16所示。

图3-16 用户登录界面图

3.3.2商品信息，在商品信息页面通过查看商品编号、商品名称、类型、数量、价格、图片、点击次数等信息进行购买，如图3-17所示。在交流论坛页面通过填写标题、类型、内容等信息进行发布帖子操作，如图3-18所示。

图3-17商品信息界面图

图3-18交流论坛界面图