计算机毕业设计 270的家用电器销售系统 毕设

3.2 系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

3.2.1用户功能模块

修改密码，在修改密码页面可以填写原密码、新密码、确认密码等信息，进行详情、修改，如图3-1所示。

图3-1修改密码界面图

个人信息，在个人信息页面可以填写用户名、密码、姓名、头像、性别、联系电话、余额等详细内容，进行详情、修改如图3-2所示。

图3-2个人信息界面图

订单评价管理，在订单评价管理页面通过填写订单编号、商品名称、商品分类、品牌、评分、添加图片、评价内容、评价日期、用户名、是否审核、审核回复等信息进行修改、删除，如图3-3所示。在我的收藏管理页面通过填写用户ID、收藏ID、表名、收藏名称、收藏图片等信息进行详情、删除操作，如图3-4所示。

图3-3订单评价管理界面图

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

3.2.2管理员功能模块

管理员登录，通过填写注册时输入的用户名、密码进行登录，如图3-5所示。

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

管理员登录进入家用电器销售网站可以查看个人中心、用户管理、商品分类管理、品牌管理、商品信息管理、订单评价管理、留言板管理、系统管理、订单管理等信息。

修改密码，在修改密码页面中可以通过填写原密码、新密码、确认密码等内容进行修改、删除，如图3-6所示。还可以根据需要对个人信息进行详情，修改或删除等详细操作，如图3-7所示。

图3-6修改密码界面图

图3-7个人信息界面图

用户管理，在用户管理页面中可以查看用户名、密码、姓名、头像、性别、联系电话、余额等信息，并可根据需要对已有用户管理进行修改或删除等操作，如图3-8所示。

图3-8用户管理界面图

商品分类管理，在商品分类管理页面中可以查看商品分类等信息，并可根据需要对已有商品分类管理进行修改或删除等详细操作，如图3-9所示。

图3-9商品分类管理界面图

品牌管理，在品牌管理页面中可以查看品牌等内容，并且根据需要对已有品牌管理进行详情，修改或删除等详细操作，如图3-10所示。

图3-10品牌管理界面图

商品信息管理，在商品信息管理页面中可以查看商品编号、商品名称、商品分类、图片、品牌、规格、商品详情、价格等内容，并且根据需要对已有商品信息管理进行详情，修改或删除等详细操作，如图3-11所示。

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

商品资讯管理，在商品资讯管理页面中可以查看标题、简介、图片、内容等内容，并且根据需要对已有商品资讯管理进行详情，修改或删除等详细操作，如图3-12所示。

图3-12商品资讯管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-13所示。

图3-13轮播图管理界面图

留言板管理，在留言板管理页面中可以查看留言人id、用户名、留言内容、回复内容等内容，并且根据需要对已有留言板管理进行详情，修改或删除等详细操作，如图3-14所示。

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

订单评价管理，在订单评价管理页面中可以查看订单编号、商品名称、商品分类、品牌、评分、添加图片、评价内容、评价日期、用户名、是否审核、审核回复等内容，并且根据需要对已有订单评价管理进行详情，修改或删除等详细操作，如图3-15所示。

图3-15订单评价管理界面图

3.2.3前台首页功能模块

家用电器销售网站，在系统首页可以查看首页、商品信息、商品资讯、留言反馈、我的、跳转到后台、购物车等内容，如图3-16所示。

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

用户注册，在用户注册页面中可以填写用户名、密码、姓名、联系电话等信息进行注册，如图3-17所示。

图3-17用户注册界面图

用户登录，在用户登录页面中可以填写账号、密码等信息进行登录，如图3-18所示。

图3-18用户登录界面图

个人中心，在个人中心页面中通过填写用户名、密码、姓名、头像、性别、联系电话、余额等信息进行更新信息、退出登录，如图3-19所示。

图3-19个人中心界面图

收货地址添加，在收货地址添加页面中可以查看联系人、手机号码、默认地址、选择地址等内容，并且根据需要对已有收货地址添加进行添加操作，如图3-20所示。

图3-20收货地址添加界面图

商品信息，在商品信息页面中可以查看商品编号、商品名称、商品分类、图片、品牌、规格、商品详情、价格等信息，还可以根据需要对已有商品信息进行添加到购物车、立即购买操作，如图3-21所示。

图3-21商品信息界面图

确认下单，在确认下单页面中可以查看选择收货地址、清单列表等信息，还可以根据需要对已有确认下单进行支付操作，如图3-22所示。

图3-22确认下单界面图

我的订单，在我的订单页面中可以查看未支付、已支付、已发货、已完成、已退款、已取消等信息，还可以根据需要对已有我的订单进行提交操作，如图3-23所示。

图3-23我的订单界面图