TCP长连接设备管理平台：架构与功能概览

一、项目背景与目标

该项目初期仅用于验证特定通信协议的有效性，构建为一个纯粹的命令行工具。然而，在实际应用过程中发现，仅依靠命令行操作存在诸多不便，因此决定为其添加图形用户界面（GUI），以提高用户体验和管理效率。

二、技术选型与架构设计

鉴于开发团队的技术栈，后端选择了Golang语言，并采用Gin作为Web框架。数据库方面选用了PostgreSQL，配合XORM简化了数据访问层的操作。为了确保系统的安全性，使用JWT实现了权限认证机制。日志记录则依赖于Logrus库。

前端部分基于Vue.js生态系统构建，UI组件库选用了iView，路由管理通过Vue Router完成，状态管理由Vuex负责。对于HTTP请求，采用了Axios库进行处理。此外，考虑到需要展示设备的地图轨迹，集成了百度地图API及其Vue插件vue-baidu-map。

三、页面设计与交互体验

当前系统共包含五个核心页面：

• 登录页面：用于用户身份验证。


• 设备管理页面：提供设备注册、配置等功能。


• 数据展示页面：集中展示各类监测数据。


• 地图轨迹页面：实时呈现设备位置及历史轨迹。


• 用户管理页面：管理员可在此对系统用户进行增删改查。

所有页面均采用单页应用（SPA）模式，路由切换完全由前端控制，而后端仅需提供必要的API接口支持。

四、预览截图

以下是各主要页面的视觉效果预览：

更多详细信息及源码请参见项目地址。