实现教程： https://www.bilibili.com/video/BV1YT4y1y7V1/ 项目名称： 校园社团管理系统 系统实现：SpringBoot + MyBatisPlus+ VUE + ElementUI + axios 运行环境：JDK8 + Maven + MySQL8.x + NodeJS 开发工具：IDEA + VSCode 特别说明：项目开发是在 IDEA 中完成的，但是如果将项目导入到 Eclipse 或者其他代码编辑器中同样也是可以运行的，只不过需要按照所使用工具的实际情况合理的进行配置进行，同理，前端项目也可以在 Sublime、Atom等其他前端代码编辑器中运行

1. 项目预览

image.png
用户登陆页面
image.png

系统首页
image.png
数据展示页面

2. 项目设计

image.png
系统功能结构图
image.png
系统角色图

3. 项目结构

image.png
服务端代码结构
image.png
前端代码结构

4. 项目部署

4.1 环境要求

JDK8，这是JAVA项目运行编译的基础，而且SpringBoot项目的开发对于 JDK的版本有明确的要求，尽量采用 JDK8的版本，如果本地没有 JDK，可以参考 JDK安装和使用 进行安装配置

Maven，项目使用 Maven进行构建，这是一个JAVA开发中常用的版本构建工具，如果本地没有 Maven，可以参考 Maven安装和配置 进行安装和配置

MySQL，需要考虑版本问题，MySQL5.x 和 MySQL8.x 在使用 JAVA进行处理的过程中，涉及的链接地址、驱动包名称、驱动包版本具有差异，本项目采用 MySQL8.x 开发完成，其他版本修改对应信息后才可以正常运行，关于 MySQL 数据库安装运行可以参考 MySQL数据库安装 进行安装和配置

NodeJS，这是前端运行所需要的，项目压缩包里包含前端运行所需的依赖模块，所以只需要安装 NodeJS 就可以在终端运行 npm run serve 就可以运行了

4.2 项目运行流程

首先，按照环境要求，在本地计算机中正确的安装 JDK、MySQL 、Maven、NodeJS等依赖，关于具体代码编辑器可以使用IDEA、VSCode 这样的组合，也可以根据自己的情况选择合适的代码编辑工具

第二，复制第5章数据库相关中找到数据库执行的SQL语句，这些SQL语句可以在命令窗口中执行，也可以在Navicat 等图形化管理窗口中执行，执行过程中请移除注释内容，避免对运行造成干扰

第三，使用代码编辑器打开项目，按照本节4.3、4.4 介绍的内容运行项目，成功运行之后，复制前端运行结果窗口中的路径，在浏览器中打开，输入 账号和密码即可，测试账号和密码存储在 users 表中（账号：admin 密码： admin）

4.3 服务端运行

image.png
如上，项目打开之后，找到 application.yml 文件，然后在图中标注位置正确配置数据库链接信息，主要是数据库用户名、用户密码、驱动类。
image.png
如上，使用 IDEA 打开项目后，找到SpringBoot启动类 Application 点击打开，然后在文件中右键运行，如果控制台无异常内容出现，即证明程序启动正常。

4.4 前端运行

image.png
如上，VSCode 打开项目后，按照图中标注方式打开终端，在终端控制台输入 npm run serve 即可运行。

5. 相关资源

5.1 依赖POM

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project xmlns="http://maven.apache.org/POM/4.0.0"
  3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  5.     <modelVersion>4.0.0</modelVersion>
  7.     <groupId>self.cases</groupId>
  8.     <artifactId>server</artifactId>
  9.     <version>1.0.0</version>
  11.     <!-- SpringBoot 依赖 -->
  12.     <parent>
  13.         <groupId>org.springframework.boot</groupId>
  14.         <artifactId>spring-boot-starter-parent</artifactId>
  15.         <version>2.3.4.RELEASE</version>
  16.         <relativePath />
  17.     </parent>
  19.     <properties>
  20.         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  21.         <ehcache.version>3.8.1</ehcache.version>
  22.         <druid.version>1.2.1</druid.version>
  23.         <fastjson.version>1.2.72</fastjson.version>
  24.         <slf4j.version>1.7.30</slf4j.version>
  25.         <log4j2.version>2.13.3</log4j2.version>
  26.         <mysql.version>8.0.17</mysql.version>
  27.         <mybatis.version>3.4.2</mybatis.version>
  28.     </properties>
  30.     <dependencies>
  31.         <!-- SpringBoot -->
  32.         <dependency>
  33.             <groupId>org.springframework.boot</groupId>
  34.             <artifactId>spring-boot-starter</artifactId>
  35.             <exclusions>
  36.                 <exclusion>
  37.                     <groupId>org.springframework.boot</groupId>
  38.                     <artifactId>spring-boot-starter-logging</artifactId>
  39.                 </exclusion>
  40.             </exclusions>
  41.         </dependency>
  42.         <!-- SpringBoot Test模块 -->
  43.         <dependency>
  44.             <groupId>org.springframework.boot</groupId>
  45.             <artifactId>spring-boot-starter-test</artifactId>
  46.             <scope>test</scope>
  47.         </dependency>
  48.         <dependency>
  49.             <groupId>org.junit.platform</groupId>
  50.             <artifactId>junit-platform-launcher</artifactId>
  51.             <scope>test</scope>
  52.         </dependency>
  53.         <!-- SpringBoot mybatis模块 -->
  54.         <dependency>
  55.             <groupId>com.baomidou</groupId>
  56.             <artifactId>mybatis-plus-boot-starter</artifactId>
  57.             <version>${mybatis.version}</version>
  58.         </dependency>
  59.         <!-- SpringBoot Web模块 -->
  60.         <dependency>
  61.             <groupId>org.springframework.boot</groupId>
  62.             <artifactId>spring-boot-starter-web</artifactId>
  63.         </dependency>
  64.         <!-- SpringBoot log4j2模块 -->
  65.         <dependency>
  66.             <groupId>org.springframework.boot</groupId>
  67.             <artifactId>spring-boot-starter-log4j2</artifactId>
  68.         </dependency>
  69.         <!--devtools热部署 -->
  70.         <dependency>
  71.             <groupId>org.springframework.boot</groupId>
  72.             <artifactId>spring-boot-devtools</artifactId>
  73.             <optional>true</optional>
  74.             <scope>true</scope>
  75.         </dependency>
  76.         <!-- ehcache缓存 -->
  77.         <dependency>
  78.             <groupId>org.ehcache</groupId>
  79.             <artifactId>ehcache</artifactId>
  80.             <version>${ehcache.version}</version>
  81.         </dependency>
  82.         <!-- MySQL数据库驱动 -->
  83.         <dependency>
  84.             <groupId>mysql</groupId>
  85.             <artifactId>mysql-connector-java</artifactId>
  86.             <version>${mysql.version}</version>
  87.         </dependency>
  88.         <!-- 数据连接池 -->
  89.         <dependency>
  90.             <groupId>com.alibaba</groupId>
  91.             <artifactId>druid</artifactId>
  92.             <version>${druid.version}</version>
  93.         </dependency>
  94.         <!-- slf4j依赖程序 -->
  95.         <dependency>
  96.             <groupId>org.slf4j</groupId>
  97.             <artifactId>slf4j-api</artifactId>
  98.             <version>${slf4j.version}</version>
  99.         </dependency>
  100.         <!-- lo4j2依赖程序 -->
  101.         <dependency>
  102.             <groupId>org.apache.logging.log4j</groupId>
  103.             <artifactId>log4j-core</artifactId>
  104.             <version>${log4j2.version}</version>
  105.         </dependency>
  106.         <!-- FastJSON 处理响应数据格式 -->
  107.         <dependency>
  108.             <groupId>com.alibaba</groupId>
  109.             <artifactId>fastjson</artifactId>
  110.             <version>${fastjson.version}</version>
  111.         </dependency>
  112.     </dependencies>
  114.     <build>
  115.         <plugins>
  116.             <plugin>
  117.                 <groupId>org.springframework.boot</groupId>
  118.                 <artifactId>spring-boot-maven-plugin</artifactId>
  119.                 <configuration>
  120.                     <fork>true</fork>
  121.                 </configuration>
  122.             </plugin>
  123.         </plugins>
  124.         <!-- 设置静态资源 -->
  125.         <resources>
  126.             <resource>
  127.                 <directory>src/main/resources</directory>
  128.                 <includes>
  129.                     <include>application.yml</include>
  130.                     <include>log4j2.xml</include>
  131.                 </includes>
  132.             </resource>
  133.         </resources>
  134.     </build>
  136. </project>

5.2 数据库相关

  1. -- 创建数据库
  2. CREATE DATABASE `self_student_teams` DEFAULT CHARACTER SET utf8;
  4. -- 选择数据库
  5. USE `self_student_teams`;
  7. -- 建立数据表
  8. CREATE TABLE `users` (
  9.     `id` char(13) NOT NULL COMMENT '记录ID',
  10.     `user_name` varchar(32) NOT NULL COMMENT '用户账号',
  11.     `pass_word` varchar(32) NOT NULL COMMENT '用户密码',
  12.     `name` varchar(20) COMMENT '用户姓名',
  13.     `gender` char(2) COMMENT '用户性别',
  14.     `age` int COMMENT '用户年龄',
  15.     `phone` char(11) COMMENT '联系电话',
  16.     `address` varchar(64) COMMENT '联系地址',
  17.     `create_time` char(19) NOT NULL COMMENT '添加时间',
  18.     `type` int NOT NULL COMMENT '用户身份',
  19.      PRIMARY KEY(`id`) 
  20. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '系统用户';
  22. CREATE TABLE `team_types` (
  23.     `id` char(13) NOT NULL COMMENT '记录ID',
  24.     `name` varchar(20) NOT NULL COMMENT '类型名称',
  25.     `create_time` char(19) NOT NULL COMMENT '创建时间',
  26.      PRIMARY KEY(`id`) 
  27. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '社团类型';
  29. CREATE TABLE `teams` (
  30.     `id` char(13) NOT NULL COMMENT '记录ID',
  31.     `name` varchar(20) NOT NULL COMMENT '社团名称',
  32.     `create_time` char(10) NOT NULL COMMENT '建立时间',
  33.     `total` int NOT NULL COMMENT '社团人数',
  34.     `manager` char(13) NOT NULL COMMENT '社团团长',
  35.     `type_id` char(13) NOT NULL COMMENT '社团编号',
  36.      PRIMARY KEY(`id`), 
  37.     FOREIGN KEY(type_id) REFERENCES team_types(id)
  38. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '社团信息';
  40. CREATE TABLE `notices` (
  41.     `id` char(13) NOT NULL COMMENT '记录ID',
  42.     `title` varchar(20) NOT NULL COMMENT '通知标题',
  43.     `detail` varchar(125) NOT NULL COMMENT '通知详情',
  44.     `create_time` char(10) NOT NULL COMMENT '发布时间',
  45.     `team_id` char(13) COMMENT '发布社团',
  46.      PRIMARY KEY(`id`)
  47. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '通知记录';
  49. CREATE TABLE `activities` (
  50.     `id` char(13) NOT NULL COMMENT '记录ID',
  51.     `name` varchar(20) NOT NULL COMMENT '活动名称',
  52.     `comm` varchar(60) NOT NULL COMMENT '活动概述',
  53.     `detail` varchar(256) NOT NULL COMMENT '活动详情',
  54.     `ask` varchar(125) NOT NULL COMMENT '活动要求',
  55.     `total` int NOT NULL COMMENT '报名人数',
  56.     `active_time` char(19) NOT NULL COMMENT '活动时间',
  57.     `team_id` char(13) NOT NULL COMMENT '发布社团',
  58.      PRIMARY KEY(`id`), 
  59.     FOREIGN KEY(team_id) REFERENCES teams(id)
  60. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '活动信息';
  62. CREATE TABLE `active_logs` (
  63.     `id` char(13) NOT NULL COMMENT '记录ID',
  64.     `create_time` char(19) NOT NULL COMMENT '报名时间',
  65.     `active_id` char(13) NOT NULL COMMENT '活动编号',
  66.     `user_id` char(13) NOT NULL COMMENT '报名用户',
  67.      PRIMARY KEY(`id`), 
  68.     FOREIGN KEY(active_id) REFERENCES activities(id), 
  69.     FOREIGN KEY(user_id) REFERENCES users(id)
  70. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '报名记录';
  72. CREATE TABLE `apply_logs` (
  73.     `id` char(13) NOT NULL COMMENT '记录ID',
  74.     `status` int NOT NULL COMMENT '处理状态',
  75.     `create_time` char(19) NOT NULL COMMENT '申请时间',
  76.     `team_id` char(13) NOT NULL COMMENT '申请社团',
  77.     `user_id` char(13) NOT NULL COMMENT '申请用户',
  78.      PRIMARY KEY(`id`), 
  79.     FOREIGN KEY(team_id) REFERENCES teams(id), 
  80.     FOREIGN KEY(user_id) REFERENCES users(id)
  81. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '申请记录';
  83. CREATE TABLE `members` (
  84.     `id` char(13) NOT NULL COMMENT '记录ID',
  85.     `create_time` char(19) NOT NULL COMMENT '入团时间',
  86.     `team_id` char(13) NOT NULL COMMENT '加入社团',
  87.     `user_id` char(13) NOT NULL COMMENT '申请用户',
  88.      PRIMARY KEY(`id`), 
  89.     FOREIGN KEY(team_id) REFERENCES teams(id), 
  90.     FOREIGN KEY(user_id) REFERENCES users(id)
  91. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '成员信息';
  93. CREATE TABLE `pay_logs` (
  94.     `id` char(13) NOT NULL COMMENT '记录ID',
  95.     `create_time` char(19) NOT NULL COMMENT '缴费时间',
  96.     `total` double NOT NULL COMMENT '缴纳费用',
  97.     `team_id` char(13) NOT NULL COMMENT '收费社团',
  98.     `user_id` char(13) NOT NULL COMMENT '缴费用户',
  99.      PRIMARY KEY(`id`), 
  100.     FOREIGN KEY(team_id) REFERENCES teams(id), 
  101.     FOREIGN KEY(user_id) REFERENCES users(id)
  102. )ENGINE=INNODB DEFAULT CHARSET=UTF8 COMMENT '缴费记录';
  104. -- 插入测试数据
  105. INSERT INTO users (id, user_name, pass_word, name, gender, age, phone, address, create_time, type) VALUES ('1642422100000', 'admin', 'admin', '张三丰', '男', 45, '90989192', '武当十八号', '2022-01-17 20:00:00', 0);
  106. INSERT INTO users (id, user_name, pass_word, name, gender, age, phone, address, create_time, type) VALUES ('1642422100001', 'fater', 'fater', '张翠山', '男', 28, '90989193', '武当十九号', '2022-01-17 20:00:00', 1);
  108. INSERT INTO team_types (id, name, create_time) VALUES ('1642422100000', '科技创新', '2022-01-17 20:00:00');
  109. INSERT INTO team_types (id, name, create_time) VALUES ('1642422100001', '户外运动', '2022-01-17 20:00:00');
  110. INSERT INTO team_types (id, name, create_time) VALUES ('1642422100002', '语言文学', '2022-01-17 20:00:00');
  111. INSERT INTO team_types (id, name, create_time) VALUES ('1642422100003', '志愿服务', '2022-01-17 20:00:00');
  113. INSERT INTO teams (id, name, create_time, total, manager, type_id) VALUES ('1642422100000', '网络攻防', '2022-01-17', 1, '1642422100001', '1642422100000');
  115. INSERT INTO members (id, create_time, team_id, user_id) VALUES ('1642422100000', '2022-01-17 20:00:00', '1642422100000', '1642422100001');