基于Springboot + vue3实现的渔具管理系统

项目描述

本系统包含管理员和用户两个角色。

管理员角色：

1. 用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。

2. 渔具信息管理：管理渔具分类和渔具信息，包括新增、查看、修改、删除和查看评论。

3. 租赁信息管理：管理租赁信息，包括查看、修改、删除和审核。

4. 归还信息管理：管理归还信息，包括查看、修改和删除。

5. 留言板管理：管理留言板信息，包括查看、修改、删除和回复。

6. 系统管理：管理轮播图和系统通知，包括新增、查看、修改和删除。

用户角色：

1. 租赁信息管理：查看、支付和归还租赁信息。

2. 归还信息管理：查看归还信息。

3. 我的收藏管理：管理我的收藏信息，包括新增、查看、修改和删除。

4. 渔具信息：查看渔具信息、查看评论和租赁渔具。

5. 留言板：查看和新增留言。

6. 系统通知：查看系统通知。

技术选型

开发工具：Idea + Vscode 运行环境：JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术：SpringBoot + Mybatis-Plus + Maven 前端技术：Vue3 + Axios + Element-UI

系统截图

1.首页

2.渔具信息

3.留言板

4.系统通知

5.个人中心

6.后台登录

7.用户管理

8.管理员管理

9.渔具信息管理

10.租赁信息管理

11.归还信息管理

12.留言板管理

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息（用户名/密码/库名）

启动后端服务

进入后端项目（/server_code） 执行：

mvn clean install
mvn spring-boot:run

前端依赖安装

进入前端目录（/manage_code或者/client_code） 执行安装命令：

npm install

启动前端服务

执行启动命令：

npm run serve 

访问系统

后端接口系统访问地址： http://localhost:8080 后台系统前端访问地址： http://localhost:8081 前台系统前端访问地址： http://localhost:8082

常见问题

端口冲突

• 修改后端配置文件application.yml

• 修改前端配置文件vue.config.js

前端安装依赖失败

• 删除node_modules、package-lock.json文件

  rm -rf node_modules package-lock.json

• 清除缓存

  npm cache clean --force

• 切换npm镜像源

  npm config set registry https://registry.npmmirror.com