## 基于Java+Springboot+Vue的体育馆预约系统(源代码+数据库+12000字论文)113

## 一、系统介绍
本项目前后端分离，本系统分为管理员、用户两种角色

用户角色包含以下功能：
- 注册、登录、场地(查看/预订/收藏/退订)、在线论坛、公告查看、我的预订管理、我的收藏管理、个人中心、密码修改

管理员角色包含以下功能：
- 用户管理、场地管理、公告管理、预订管理、公告类型管理、场地类型管理、轮播图管理、个人中心、密码修改

文档截图
![contents](./picture/picture0.png)

## 二、所用技术

后端技术栈：

- Springboot
- MybatisPlus
- Mysql

前端技术栈：

- Vue 
- Vue-router 
- axios 
- element-ui

## 三、环境介绍

基础环境 :IDEA/eclipse, JDK1.8, Mysql5.7及以上,Maven3.6, node14

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

## 四、页面截图
### 1、前台页面
![contents](./picture/picture1.png)
![contents](./picture/picture2.png)
![contents](./picture/picture3.png)
![contents](./picture/picture4.png)
![contents](./picture/picture5.png)
![contents](./picture/picture6.png)
![contents](./picture/picture7.png)
![contents](./picture/picture8.png)
![contents](./picture/picture9.png)
![contents](./picture/picture10.png)
### 2、用户后台
![contents](./picture/picture11.png)
![contents](./picture/picture12.png)
![contents](./picture/picture13.png)
![contents](./picture/picture14.png)
![contents](./picture/picture15.png)
![contents](./picture/picture16.png).
### 3、管理员后台
![contents](./picture/picture17.png)
![contents](./picture/picture18.png)
![contents](./picture/picture19.png)
![contents](./picture/picture20.png)
![contents](./picture/picture21.png)
![contents](./picture/picture22.png)

## 五、浏览地址

前台访问地址：http://localhost:8080/tiyuguan/front/index.html
- 用户账号/密码：a1/123456

后台访问地址：http://localhost:8081/
- 管理员账号/密码：admin/admin

## 六、部署教程
1. 使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并执行项目的sql文件；
2. 使用IDEA/Eclipse导入项目，若为maven项目请选择maven，等待依赖下载完成；
3. 进入src/main/resources修改application.yml 里面的数据库配置
4. 启动项目后端项目
5. vscode或idea打开src/main/resources/admin/admin项目，
6. 在编译器中打开terminal，执行npm install 依赖下载完成后执行 npm run serve,执行成功后会显示访问地址

xiaobinbin2016/体育馆预约系统

简介

发行版

贡献者

近期动态

xiaobinbin2016/体育馆预约系统 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

xiaobinbin2016/体育馆预约系统