系统介绍

NoSlowQ(no-slow-query)——一个能够轻松发现新增SQL语句，并能自动做分析和通知的系统，由 客户端 和 服务端 组成。

（系统开发的原因和灵感可以查看 这里）

系统架构图如下：

整体效果

1、登录页面

更多效果展示

技术栈

后端技术栈

1.SpringBoot
2.SpringSecurity
3.MyBatis
4.MySQL
5.Rocketmq
6.Fastsql

前端技术栈

1.Vue
2.ElementUI
3.axios
4.vue-router
5.vue-admin-template
6.lint

本地开发环境

Step1-准备数据库

1、clone项目到本地

2、数据库脚本放在schema目录下，在MySQL中创建 noslowq 数据库并在其中执行目录下的所有数据库脚本

3、数据库配置在项目的resources目录下的application.properties文件中,请进行相应修改

Step2-启动后端springboot

springboot常见的启动方式有三种：

1、项目导入IDE后，Run执行Application.java中的main方法（开发模式推荐）

2、pom.xml文件引入spring-boot-maven-plugin插件(本项目已引入)，在IDEA中的maven工具或命令行执行mvn命令

mvn spring-boot:run

3、mvn install 编译生成出项目的jar，然后运行jar (建议生产发布时使用)

java -jar project-version.jar

启动完成后，系统开始监听7001端口。

Step3-启动前端node

进入 src/main/resources/public 目录，执行以下操作

# 安装依赖
npm install

# 在 localhost:9528 启动项目
npm run dev

前端项目中已经配置了端口转发，将数据转发到SpringBoot（7001端口）上，因此项目启动之后，在浏览器中访问

http://localhost:9528 

所有的请求通过端口转发将数据传到SpringBoot中（注意此时不要关闭SpringBoot项目）。

部署发布

为了简化部署，建议不使用真正的前后端分离的方式部署，而是将vue项目打包后放入springboot的静态文件目录，只启动springboot即可。

打包

# 打包前端文件
cd src/main/resources/public && npm run build

# 拷贝文件到spring静态目录static, 返回项目根目录执行
mvn process-resources

# 打包springboot
mvn install

部署

java -jar noslowq-server-{version}.jar