Vue + SpringBoot整合实现使用工具(一、概述)
hello, 大家好, 今天是2020年正月初一. 因为新型病毒的影响, 今年路上的人相对少了很多, 笔者也没有出门, 家待了一天, 也刚好有点时间能够静下心来写写东西,
新的一年祝大家一切顺遂, 并真心希望武汉早点度过难关,武汉, 加油!!
背景
看过笔者之前文章的同学, 可能会稍微多一些了解, 笔者目前的工作是针对公司底层一套数据采集、集成工具的维护和开发工作. 在这个工具里面也集成了不少简单易用的小工具. 但是该工具因为有不少内容涉及到公司内部的业务知识, 再加上我日常积累的一些工具没办法合到公司的开发分支, 更重要的是代码没办法开源和大家一起学习进步, 所以笔者自行写了一个日常使用的工具, 同时也包含了基础的数据集成功能.
介绍
在公司内部的开发中, 笔者前端使用的React
. 后台使用的是 Springboot
, 数据库采用的是 mysql
或者 ES
.
在笔者的个人项目中, 选型有如下几点考虑:
- 前端
Vue
: 笔者见最近Vue的社区好像比较火, 所以就选Vue喽. - 后台
SpringBoot
: 相对Python还是更熟悉Java, 所以就选SpringBoot喽. - 缓存
Redis
: 这个没啥多说的. - 数据库
MongoDB
: 这个对我的个人项目来说部署方便, 而且性能足够用.
功能
说完技术选型, 我们紧接着看下, 目前v1.0.0
版本所包含的功能点, 按树形结构分类整理:
-
测试工具
-
加密/解密
: 包含常用的对称以及非对称加密/解密, 以及md5, md2, base64 等等计算 -
文件管理
: 包含文件的拖拽上传, 下载, 删除等等操作 -
数据库源
: 支持新增mysql, oracle, sqlserver, sybase, postGre, mongo等等数据源进行测试连通性, 等等操作. -
数据查询
: 支持对数据库源中的任意数据库, 进行CRUD 操作. -
postchild
: 针对http/https接口测试的一个客户端工具
-
-
数据集成
-
HttpServer
: 基于Netty实现, 可通过配置启动一个 Http/ Https 的服务端, 进行数据集成, 并支持restfull风格
, 目前单点默认并发数为64. -
Socket
: 基于Netty实现, 可用过配置启动一个 Socket TCP/ UDP的客户端或者服务端, 进行数据对接. -
WebSocketServer
: 通过配置实现一个全双工的 Websocket服务端, 可以主动推送数据到页面或者websocket客户端. -
WebService
: 通过配置实现一个支持 Axis 以及Soap webservice服务端, 进行数据集成. -
javascript
: 可通过自己编写js
来实现数据的采集集成.
-
-
工具集合:(该部分暂未实现)
-
Redis
: 缓存可视化管理 -
Memecache
: 缓存可视化管理
-
-
数据输出
-
新增输出
: 新增数据的输出端, 通过编写JS实现 -
监控界面
: 查看实时资源使用率, 以及单个采集模块运行健康度, 以及数据采集趋势走向
-
-
数据流向
以上便是目前该工具的所有功能, 后续也会逐步增加, 如果有小伙伴希望和笔者共同维护的, 可以联系笔者.
预览
总结
以上便是针对该项目的简单概述, 后续会有专项文章依次介绍
-
前端部分
- 各组成模块
- 路由模块
- axios封装
- iview UI 按需引入
- v-charts 按需引入
-
后端部分
- 各组成模块
- 路由配置
- 脚本配置
- 前后端整合
就在文章刚写完, 看到微博推送, 武汉, 北京等地发布禁令等等,
中国加油!!!