基于SpringBoot+Vue+sa-token前后端分离的科研项目管理平台源代码

<p align="center"> <img alt="logo" src="https://christianblairvordy.com/wp-content/uploads/2016/06/CB-Logo-Final-06.png" width="300px" hight="300px"> </p> <h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">XiaoFan</h1> <h4 align="center">基于SpringBoot+Vue+sa-token前后端分离的科研项目管理平台</h4> ## 介绍 基于SpringBoot+Vue+sa-token前后端分离的科研项目管理平台 <ul> <li>前端采用Vue、Element UI</li> <li>后端采用Spring Boot、Redis & Jwt。</li> <li>Sa-Token：一个轻量级 java 权限认证框架，让鉴权变得简单、优雅！</li> <li>权限认证使用Jwt，支持多终端认证系统。</li> <li>支持加载动态权限菜单，多方式轻松权限控制。</li> <li><a href="https://gitee.com/cai-bin00/srppms/blob/master/ProjectFunctions.md">项目功能</a></li> </ul> ## 演示图 <table> <tr> <td><img src="./images/1.png" alt=""/></td> </tr> <tr> <td><img src="./images/2.png" alt=""/></td> </tr> <tr> <td><img src="./images/3.png" alt=""/></td> </tr> <tr> <td><img src="./images/4.png" alt=""/></td> </tr> </table> [//]: # (## 技术栈：) [//]: # () [//]: # (1. JWT：是一个开放标准&#40;RFC 7519&#41;，它定义了一种紧凑的、自包含的方式，用于作为 JSON 对象在各方之间安全地传输信息。该信息可以被验证和信任，因为它是数字签名的。) [//]: # (2. Axis：一种文件类型转化工具包，常用于BufferedImage转Base64) [//]: # (3. Fastjson：一种数据类型转化工具包，能将数据转换成JSON和类的格式。) [//]: # (4. Lombok：一个通过注解以达到减少代码的Java库,如通过注解的方式减少get,set方法,构造方法等。) [//]: # (5. MyBatis-Plus ：（简称 MP）是一个 MyBatis &#40;opens new window&#41;的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。) [//]: # (6. Html：是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。) [//]: # (7. javaScript：是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。) [//]: # (8. Css：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。) [//]: # (9. Redis 是一个高性能的key-value数据库。 redis的出现，很大程度补偿了memcached这类key/value存储的不足，在部) [//]: # ( 分场合可以对关系数据库起到很好的补充作用。它提供了Java，C/C++，C#，PHP，JavaScript，Perl，Object-C，Python，Ruby，Erlang等客户端，使用很方便。) ## 使用的软件 1. 后端推荐使用idea.前端vs和idea都可以 2. 数据库 mysql ## 安装教程-后端 1. 更新项目依赖（根目录下的pom.xml）(更新操作为：右侧找到并点击MAVEN,点击新打开的界面左上角的刷新按钮,等待最下方进度条跑满) 2. 创建数据库。(本项目的数据库名称为srppms，字符集utf8mb4,排序规则utf8mb4_0900_ai_ci,账号root，密码123456)( 想要用自己的库，看下方使用说明) 3. 执行数据库文件（根目录下sql文件夹下的srppms.sql文件）(不会执行的可以百度一下)，创建数据库表单。 4. 启动类：srppms-admin/src/main/java/com/example/demo/StartApplication.java(如果不会启动java的话，那我也没办法。百度吧) 5. 若StartApplication.java不能执行，需要安装SDK。intellij idea会自动提示安装。 6. 等待控制台输出 "启动成功" 之类的字样,那么你的操作没有问题，后端启动成功。 7. 可以去启动前端（操作在安装教程-前端） 8. 项目新增缓存功能。缓存启动步骤: 找到根目录下的Redis-x64-5.0.9/redis-server.exe，在文件夹下启动， 不要在idea的软件中启动，等出现exe窗口，窗口中有 Running in standalone mode,Port: 6379,PID: 20524 之类的字样既启动成功缓存redis。 ## 安装教程-前端 1. 根目录下的package.json,dependencies数组中包含前端用到的插件，看那个报错，可以百度一下怎么安装(也可以在终端cmd中npm i一键下载) 2. 启动前端的方法(两种都可以启动)： (1). 可以在package.json中找到dev，鼠标悬浮会弹出提示，选择执行脚本。 (2). 在前端项目的根目录打开cmd，执行操作 npm install dev ,如果报错中包含"npm",说明你的电脑没有安装npm，可以百度安装一下 3. 启动成功会弹出一个链接：例如 Your application is running here: http://localhost:8080 4. 在浏览器中打开此链接即可 5. 登录账号：admin,密码123,验证码如果看不清，可以F12，在控制台有验证码输出。 ## 使用说明-后端 1. 修改配置（src/main/resources/application.yml） 数据库：srppms 账号：root 密码：123456 端口号：8888( 需要同步前端的配置，在前端的说明文件中可以找到怎么修改前端的配置) 2. 想使用自己的库，需要在src/main/resources/application.yml文件中找到url,修改库名和下方的账号密码，创建的数据库要跟我的字符集跟排序规则一样。 3. 推荐数据库表结构使用项目带的，菜单表（sys_menu)数据也使用项目的表数据，其他表可以使用批量生成。 4. 若表生成出现错误，原因是表之间有外键关键，可以将语句分离出来单独生成。 推荐表生成顺序（sys_image,sys_user,sys_role,sys_menu,sys_project,sys_notices,sys_item,sys_log,sys_login,sys_user_role,sys_process,sys_user_project_pingfen,sys_activation,sys_friend） ## 使用说明-前端 修改了后端的端口号：需要修改src/main.js中Axios.defaults.baseURL,把8888改成你的端口号 执行数据库文件（根目录下sql文件夹下的.sql文件）(不会执行的可以百度一下)，创建数据库表单。 ## 作者 QQ:1258350369<br> 微信:cil-emo ## 项目链接 <a href="https://gitee.com/cai-bin00/srppms">https://gitee.com/cai-bin00/srppms<br>