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实现
- 监控界面: 查看实时资源使用率, 以及单个采集模块运行健康度, 以及数据采集趋势走向
数据流向

以上便是目前该工具的所有功能, 后续也会逐步增加, 如果有小伙伴希望和笔者共同维护的, 可以联系笔者.