基于Springboot + vue3实现的大学生创新能力培养平台

29 阅读3分钟

项目描述

本系统包含管理员和用户两个角色。
管理员角色:
  1. 轮播图管理:新增、查看、修改、删除轮播图。
  2. 管理员管理:新增、查看、修改、删除管理员信息。
  3. 用户管理:新增、查看、修改、删除用户信息。
  4. 留言反馈:查看、修改、删除、审核留言反馈。
  5. 公告信息管理:新增、查看、修改、删除公告信息。
  6. 讲座信息:新增、查看、修改、删除、查看评论讲座信息。
  7. 团队申报:查看、修改、删除、审核团队申报信息。
  8. 创新项目:查看、修改、删除、审核项目比赛信息。
  9. 创新思维培养:新增、查看、修改、删除创新思维培养内容。
  10. 评分信息:查看、修改、删除、首页总数、首页统计评分信息。
  11. 创新能力比赛:新增、查看、修改、删除、首页总数、首页统计创新能力比赛信息。
  12. 比赛报名:查看、修改、删除、审核、评选比赛报名信息。
  13. 评选结果:查看、修改、删除评选结果信息。
用户角色:
  1. 留言反馈:新增、查看、修改、删除留言反馈。
  2. 团队申报:新增、查看、修改、删除团队申报信息。
  3. 创新项目:新增、查看、修改、删除项目比赛信息。
  4. 评分信息:查看评分信息。
  5. 比赛报名:查看、修改、删除比赛报名信息。
  6. 评选结果:查看评选结果信息。
  7. 我的收藏:新增、查看、修改、删除我的收藏信息。
  8. 公告信息:查看公告信息。
  9. 创新思维培养:查看、评分创新思维培养内容。
  10. 讲座信息:查看、查看评论讲座信息。
  11. 创新能力比赛:查看、报名创新能力比赛信息。
  12. 团队申报:查看团队申报信息。

技术选型

开发工具: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.留言反馈管理

图片

13.公告信息管理

图片

14.讲座信息管理

图片

15.团队申报管理

图片

16.项目比赛管理

图片

17.创新思维培养管理

图片

18.评分信息管理

图片

19.创新能力比赛管理

图片

20.比赛报名管理

图片

运行步骤

准备环境

安装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