汉中住房和城乡建设部网站网站建设公司 校园网站

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

一、系统介绍

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

用户角色包含以下功能：

• 注册、登录、场地(查看/预订/收藏/退订)、在线论坛、公告查看、我的预订管理、我的收藏管理、个人中心、密码修改

管理员角色包含以下功能：

• 用户管理、场地管理、公告管理、预订管理、公告类型管理、场地类型管理、轮播图管理、个人中心、密码修改

文档截图

二、所用技术

后端技术栈：

• Springboot
• MybatisPlus
• Mysql

前端技术栈：

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

三、环境介绍

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

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

四、页面截图

1、前台页面

2、用户后台

3、管理员后台

五、浏览地址

前台访问地址：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,执行成功后会显示访问地址