一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1bp4y1w7KD?t=11.4
三、运行截图：
3.1用户功能模块
用户点击进入到系统操作界面，可以对主页、个人中心、我的收藏管理、订单管理等功能模块，我的收藏管理：通过列表可以获取用户ID、收藏ID、表名、收藏名称、收藏图片信息并进行修改操作，如图3-1所示。
图3-1我的收藏管理界面图
已支付订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看操作，如图3-2所示。
图3-2已支付订单列表界面图
已退款订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看、删除操作，如图3-3所示。
图3-3已退款订单列表界面图
已发货订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看操作，如图3-4所示。
图3-4已发货订单列表界面图
已完成订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看、删除操作，如图3-5所示。
图3-5已完成订单列表界面图
3.2管理员功能模块
管理员通过用户名和密码填写完成后进行登录，如图3-6所示。管理员登录成功后进入到系统操作界面，可以对主页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等功能模块进行相对应操作。
个人中心：通过列表可以获取原密码、新密码、确认密码等内容，可以进行修改或删除操作，如图3-7所示。
图3-6管理员登录页面
图3-7个人中心页面
用户管理：通过列表可以获取用户账号、用户姓名、密码、性别、联系电话、电子邮箱、余额等信息，进行修改或删除操作，如图3-9所示。
图3-9用户管理界面图
商品分类管理：通过列表可以获取商品分类等信息，进行修改或删除操作，如图3-10所示。
图3-10商品分类管理界面图
商品信息管理：管理员通过列表可以获取商品编号、商品名称、商品分类、数量、品牌、规格、封面、价格、详情等信息，进行修改或删除操作，如图3-11所示。
图3-11商品信息管理界面图
轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-12所示。
图3-12轮播图管理界面图
新闻资讯：管理员通过列表可以获取标题、图片、内容等信息，进行修改或删除操作，如图3-13所示。
图3-13新闻资讯界面图
已完成订单：管理员通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行修改或删除操作，如图3-14所示。
图3-14已完成订单界面图
已支付订单列表：管理员通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、
状态、地址等信息，进行修改或删除操作，如图3-15所示。
图3-15已支付订单列表界面图
已完成订单列表：管理员通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、
状态、地址等信息，进行修改或删除操作，如图3-16所示。
图3-16已完成订单列表界面图
3.3前台首页功能模块
会员管理系统，在会员管理系统可以查看商品信息、新闻资讯、我的、跳转到后台、购物车等内容，如图3-17所示。
图3-17系统首页界面图
登录、注册，通过注册填写用户账号、用户姓名、密码、联系电话、电子邮箱等信息进行注册操作，如图3-18所示。
图3-18登录、注册界面图
商品信息，在商品信息页面可以查看商品编号、价格、数量、品牌、规格等信息进行立即购买，如图3-19所示。
图3-19商品信息界面图
个人中心，在个人中心页面可以查看用户账号、用户姓名、密码、性别、联系电话、电子邮箱等如图3-20所示。
图3-20个人中心界面图
收货地址添加，在收货地址添加页面可以查看个人中心、我的订单、我的地址、我的收藏等如图3-21所示。
图3-21收货地址添加界面图
确认下单，在确认下单页面可以查看选择收货地址、清单列表等信息进行支付如图3-22所示。
图3-22确认下单界面图