毕设所有选题:
https://blog.csdn.net/2303_76227485/article/details/131104075

基于Springcloud+Vue3的校园电子产品维修与配件电商平台带小程序(源代码+数据库)

项目编号:281

一、系统介绍

本项目前后端分离,分为用户、校园达人、供应商、管理员4种角色。

1、用户:

  • 注册登录、配件商城浏览(购买、私信)、系统公告查看、维修经验浏览
  • 维修订单管理(支付)、维修服务管理、商品订单管理(支付)、我的收藏管理、个人信息、密码修改

2、校园达人:

  • 校园达人注册登录、配件商城浏览、系统公告查看、维修经验浏览
  • 维修需求接单、维修订单服务、维修服务管理、分享经验管理、故障诊断库管理、维修教程管理(分享)、个人信息、密码修改

3、供应商:

  • 供应商注册登录、系统公告查看、维修经验浏览配件商城管理、商品订单管理个人信息、密码修改

4、管理员:

  • 首页数据可视化:校园达人评分统计、商品销售额统计、商品类型销量统计、系统运行数据统计
  • 功能表管理:轮播图管理、菜单管理、操作日志查看、系统公告管理、用户管理、校园达人管理(审核)、供应商管理(审核)
  • 维修需求管理、维修订单管理、维修服务管理、配件商城管理、商品类型管理、商品订单管理、分享经验管理、故障诊断库管理、维修教程管理

5、亮点:

  • 后台首页大屏使用echarts图表统计,更直观的看出系统的运行数据
  • 使用aop切面记录操作日志,方便排查问题
  • 集成维修服务与配件电商双业务模式,形成完整的校园电子产品服务闭环
  • 多角色协同工作流:用户提交需求→校园达人接单维修→供应商提供配件支持
  • 智能故障诊断库与维修教程库,为校园达人提供技术支持
  • 支持在线支付、私信沟通、服务评价等完整交易流程

二、所用技术

后端技术栈:

  • Springcloud
  • MybatisPlus
  • nacos
  • Mysql
  • Maven

前端技术栈:

  • Vue3
  • Vue-router
  • axios
  • Element-Plus
  • echarts
  • 微信小程序

三、环境介绍

基础环境 :IDEA/eclipse, JDK17或以上, Mysql5.7及以上, Maven3.6, node16, navicat, 微信开发者工具, 微信小程序账号

所有项目以及源代码本人均调试运行无问题 可支持远程调试运行

四、页面截图

1、用户:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、校园达人:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、供应商:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、管理员:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

五、浏览地址

  • 用户账号密码:123/123456

后台地址:http://localhost:8081

  • 校园达人账号密码:123/123456

  • 供应商账号密码:123/123456

  • 管理员账号密码:admin/admin

六、部署教程

  1. 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并执行项目的sql文件

  2. 使用IDEA/Eclipse导入server_code项目,若为maven项目请选择maven,等待依赖下载完成

  3. 先启动nacos、然后springcloud-gateway/src/main/java/com/SpringbootSchemaApplication.java启动网关

  4. 修改application.yml里面的数据库配置,springcloud-module-system/src/main/java/com/SpringbootSchemaApplication.java启动后端项目

  5. vscode或idea打开manage_code后台项目

  6. 在编译器中打开terminal,执行npm install 依赖下载完成后执行 npm run serve,执行成功后会显示访问后台管理地址

  7. 微信开发者工具打开wechat_code等编译完成就能看到用户端页面了

Logo

电商企业物流数字化转型必备!快递鸟 API 接口,72 小时快速完成物流系统集成。全流程实战1V1指导,营造开放的API技术生态圈。

更多推荐