Skip to content

bugVanisher/no-slow-query

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

系统介绍

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