计算机毕业设计 377建材钢材销售管理系统前端vue 毕设

第五章系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

3.1用户前台功能模块

通过网站页面可以查看首页、厂商简介、商品信息、论坛、个人中心、后台管理等信息，如图3-1所示。通过登录可以填写账号、密码详细信息，进行登录操作，如图3-2所示。点击个人中心可以填写，个人信息、信息修改进行查看操作，如图3-3所示。

图3-1 系统首页页面

图3-2登录页面

图3-3个人中心界面

厂商简介详情：通过厂商简介详情页面，可以获取标题、日期等信息，进行查看操作，如图3-4所示。

图3-4厂商简介详情页面

商品信息详情：通过商品信息详情页面可以获取商品编号、商品名称、商品类型、价格、单限、库存等信息，进行查看、收藏操作，如图3-5所示。

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

论坛：通过论坛列表可以获取内容等信息，进行查看，如图3-6所示。

图3-6论坛界面图

我的地址：通过我的地址列表可以进行填写联系人、手机号码、地址、默认地址等信息，进行查看操作，如图3-7所示。

图3-7我的地址界面图

3.2用户后台功能模块

用户点击后台进入到系统操作界面，可以对论坛管理、我的收藏管理、系统管理、订单管理等功能模块，论坛管理：通过论坛管理列表可以获取帖子标题、发布人、类型、发布时间等详情信息并进行查看操作，如图3-8所示。

图3-8论坛管理界面图

我的收藏管理：通过我的收藏管理列表可以获取收藏名称、收藏图片等信息，进行查看、收藏等操作，如图3-9所示。

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

系统管理：通过系统管理列表可以获取用户ID、提问、是否回复等信息，进行查看操作，如图3-10所示。

图3-10系统管理界面图

订单管理：通过订单管理列表可以获取订单ID、商品名称、商品图片、购买数量、价格积分等信息，进行删除查看操作，如图3-11所示。

图3-11订单管理界面图

3.3管理员功能模块

管理员通过用户名和密码，密码填写完成后选则提交，如图3-12所示。管理员登录成功后进入到系统操作界面，可以对用户管理、厂商简介管理、商品信息管理、商品类型管理、论坛管理、我的收藏管理、系统管理、订单管理等功能模块进行相对应操作。

用户管理：通过用户管理列表可以获取账号、密码、姓名、性别、手机、邮箱、身份证等内容，可以进行修改或删除操作，如图3-13所示。

图3-12管理员登录页面

图3-13用户管理页面

厂商简介管理：通过厂商简介管理列表可以获取ID、标题、图片、日期等信息，进行删除或查看操作，如图3-14所示。

图3-14厂商简介管理界面图

商品信息管理：通过商品信息管理列表可以获取商品编号、商品名称、商品类型、图片、价格等信息，进行修改或删除操作，如图3-15所示。

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

商品类型管理：通过商品类型管理列表可以获取商品类型等信息，进行修改或删除操作，如图3-16所示。

图3-16商品类型管理界面图

论坛管理：管理员通过论坛管理列表可以获取帖子标题、发布人、发布时间等信息，进行修改或删除操作，如图3-17所示。

图3-17论坛管理界面图

我的收藏管理：管理员通过我的收藏管理列表可以获取收藏名称、收藏图片等信息，进行修改或删除操作，如图3-18所示。

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

系统管理：管理员通过系统管理列表可以获取名称等信息，进行修改或删除操作，如图3-19所示。

图3-19系统管理界面图

新闻资讯管理：管理员通过新闻资讯管理列表可以获取ID、标题、图片等信息，进行修改或删除操作，如图3-20所示。

图3-20新闻资讯管理界面图

订单管理：管理员通过订单管理列表可以获取订单ID、商品名称、商品图片、购买数量等信息，进行修改或删除操作，如图3-21所示。

图3-21订单管理界面图