第1章系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1Zg4y1Z7c5/
三、运行截图：
4.1管理员功能模块
管理员登录，通过填写注册时输入的用户名、密码、角色进行登录，如图4-1所示。
图4-1管理员登录界面图
管理员登录进入水果商城系统可以查看主页、个人中心、水果库管理、用户管理、系统管理、订单管理等信息。
个人中心，在个人中心页面中可以通过填写原密码、新密码、确认密码等内容进行个人中心添加，如图4-2所示。还可以根据需要对个人信息进行添加，修改或删除等详细操作，如图4-3所示。
图4-2个人中心界面图
图4-3个人信息界面图
水果库管理，在水果库管理页面中可以查看商品编号、商品名称、图片、产地、简介、积分、价格等信息，并可根据需要对已有水果库管理进行修改或删除等操作，如图4-4所示。
图4-4水果库管理界面图
用户管理，在用户管理页面中可以查看用户账号、密码、用户姓名、联系电话、电子邮箱、积分、余额等信息，并可根据需要对已有用户管理进行修改或删除等详细操作，如图4-5所示。
图4-5用户管理界面图
轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图4-6所示。
图4-6轮播图管理界面图
新闻资讯，在新闻资讯页面中可以查看标题、图片、内容等内容，并且根据需要对已有新闻资讯进行添加，修改或删除等详细操作，如图4-7所示。
图4-7新闻资讯界面图
客服管理，在客服管理页面中可以查看新消息、状态等内容，并且根据需要对已有客服管理进行添加，修改或删除等详细操作，如图4-8所示。
图4-8客服管理界面图
已支付订单，在已支付订单页面中可以查看订单ID、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容，并且根据需要对已有已支付订单进行添加，修改或删除等详细操作，如图4-9所示。
图4-9已支付订单界面图
已完成订单，在已完成订单页面中可以查看订单ID、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容，并且根据需要对已有已完成订单进行添加，修改或删除等详细操作，如图4-10所示。
图4-10已完成订单界面图
已发货订单，在已发货订单页面中可以查看订单ID、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容，并且根据需要对已有已发货订单进行添加，修改或删除等详细操作，如图4-11所示。
图4-11已发货订单界面图
4.2 前台首页功能模块
注册、登录
注册，通过填写用户名、邮箱等信息进行注册，登录，通过填写账号、密码等信息进行登录，如图4-12所示。
图4-12注册、登录界面图
用户前台首页浏览
通过内容列表可以获取网站首页、水果库、新闻资讯、我的、跳转到后台、购物车、客服等信息操作内容，如图4-13所示。
图4-13用户前台浏览管理界面图
个人中心
通过内容列表可以获取用户账号、密码、用户姓名、联系电话、电子邮箱、积分等信息可进行增、删、改或查看等操作，如图4-14所示。
图4-14个人中心界面图
水果库
通过内容列表可以获取价格、积分、商品编号、产地等信息进行查看操作，如图4-15所示。
图4-15水果库界面图
收货地址添加
通过内容列表可以查看联系人、手机号码、默认地址、选择地址进行添加操作，如图4-16所示。
图4-16收货地址添加界面图
我的订单
通过内容列表可以查看未支付、已支付、已发货、已完成、已退款、已取消进行退款操作，如图4-17所示。
图4-17我的订单界面图
1