基于Springboot + vue实现的社团管理系统

64 阅读2分钟

项目描述

本系统包含三个角色,超级管理员,普通管理员和普通用户

超级管理员:首页,用户管理,社团管理,社团类型管理,社团成员管理,社团活动管理,通知信息管理,入团申请,费用管理

普通管理员:首页,社团信息管理,社团成员管理,入团申请,社团活动管理,通知信息管理,费用管理

普通用户:首页,社团信息管理,社团活动管理,入团申请,费用管理

技术选型

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

系统截图

1.登录

图片

2.注册

图片

3.主页

图片

4.社团信息管理

图片

5.社团活动管理

图片

6.入团申请

图片

7.费用管理

图片

8.主页

图片

9.用户管理

图片

10.社团管理

图片

11.社团类型管理

图片

12.社团成员管理

图片

13.社团活动管理

图片

14.通知信息管理

图片

15.入团申请

图片

16.费用管理

图片

运行步骤

准备环境

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

创建数据库

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

配置后端

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

启动后端服务

进入后端项目(/AssociationManagerApi) 执行:

mvn clean install
mvn spring-boot:run
前端依赖安装

进入前端目录(/AssociationManagerVue
执行安装命令:

npm install
启动前端服务

执行启动命令:

npm run serve 
访问系统

后端接口系统访问地址:http://localhost:9211
后台系统前端访问地址:http://localhost:9212

常见问题
端口冲突
  • 修改后端配置文件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