基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统

一、基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统

基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统,主要分为用户端和管理端两个模块。
用户端主要支撑首页、商品信息、商品咨询、个人中心、后台管理、购物车、在线客服等功能。
管理端主要支撑首页、个人中心、用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理等功能。

二、技术框架

基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统
开发语言:Java JDK1.8
数据库:mysql5.7
前端:Bootstrap框架+jstl标签语法+JSP技术/VUE框架
后端:Springboot框架、Spring框架、持久层MyBatis+PageHelper分页插件
开发工具:Idea2020/Eclipse VScode Navicat Maven3.6

三、运行步骤及地址

1.Navicat中创建数据库。
2.在数据库中运行src/main/resources下的sql文件。
3.修改src/main/resources的主配置文件中的的数据库用户名和密码。
4.启动Tomcat服务器,或者启动springboot项目。
5.运行启动项目。
6.登陆地址:
管理员账号:
用户账号:
源码+数据库:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、展示页

直接描述图片就好【前台和后台页面】

4.1 前台页面
  • 首页
    进行商品信息推荐,提供依据商品名称的搜索功能。
    在这里插入图片描述
  • 商品信息
    显示商品的名称、品牌、展示图等信息,可通过商品种类进行筛选。
    在这里插入图片描述
    选择手机后仅展示此品类下的商品信息。
    在这里插入图片描述
  • 个人中心
    可对用户名、密码、姓名、性别、头像、联系电话、余额等内容进行更新信息。
    在这里插入图片描述
  • 购物车
    对添加到购物车的产品名称和价格进行显示,可修改数量,进行删除或购买操作。
    在这里插入图片描述
  • 在线客服
    可与在线客服进行沟通询问。
    在这里插入图片描述
4.2 后台页面
  • 用户管理
    以列表形式展示索引、用户名、姓名、性别、头像、联系电话等信息。
    可进行详情、修改、删除操作。
    在这里插入图片描述
  • 商品分类管理
    以列表形式展示索引、商品分类等信息。
    可进行详情、修改、删除、新增等操作。
    可按照商品费雷进行查询。
    在这里插入图片描述
  • 商品信息管理
    以列表形式展示商品信息。
    可进行详情、修改、查看评论、删除等操作。
    在这里插入图片描述
    具体查看商品名称、商品分类、图片、品牌、规格、价格、商品详情等内容。
    在这里插入图片描述
    输入商品内容、商品分类、图片、品牌、规格、价格、商品详情等内容进行编辑操作。
    在这里插入图片描述
  • 订单评价管理
    以列表形式展示索引、订单编号、商品名称、商品分类、品牌、规格、评分、添加图片、评价内容、评价日期、用户名等信息。
    可以通过商品名称、品牌、评分、用户名进行查询。。
    可进行删除、统计报表等操作。
    在这里插入图片描述
  • 轮播图管理
    以列表形式展示索引、名称、值等信息。
    可以进行详情、修改、删除、新增等操作。
    在这里插入图片描述
  • 商品咨询
    以列表形式展示索引、标题、简介、图片等信息。
    可进行详情、修改、删除、新增等操作。
    可通过标题进行查询。
    在这里插入图片描述
  • 已退款订单
    以列表形式展示索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息。
    可进行删除等操作。
    可通过订单编号、商品名称进行查询。
    在这里插入图片描述
  • 已完成订单
    以列表形式展示索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息。
    可进行删除等操作。
    可通过订单编号、商品名称进行查询。
    在这里插入图片描述
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Coding路人王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值