一个TCP长链接设备管理后台工程(一)

概述

这个项目最初只是用来进行一个简单的协议测试用的，并且是一个纯粹的后端命令行工程。只是后面想着只有命令行，操做也不太方便，因而便有了添加一个ui的想法。

golang项目要配ui，最佳的仍是配一个前端界面。而我本人并不是前端出生，js功底太差，因此就想着用vue了。并且做为一个技术人员，ui界面设计也比较差，因此就打算找一个现成的ui框架来用，尝试了ant designer和iview后，决定使用iview来实现。

这个工程采用先后端分离设计：

后端采用golang语言，web框架采用gin，数据库采用postgresql，并使用xorm来简化数据库操做。使用jwt来进行权限控制。日志库采用logrus。

前端基本就是vue的生态环境，主体采用vue，ui采用iview，路由使用vur-router，状态管理使用vuex，js请求使用axios库。token存储在localstorage中，暂时没有存储到vuex中。因为前端须要绘制地图轨迹，因此用到了百度地图api和vue的地图库vue-baidu-map

由于页面为单页面，因此页面路由统一由前端来控制，后端只提供一个根路由用来加载静态数据，而后提供若干api供前端获取数据。

页面

目前页面只作了5个

• 登陆页面
• 设备管理页面
• 数据页面
• 地图轨迹页面
• 用户管理页面

5个页面均由路由控制，网页默认加载到登陆页面。

预览

登陆界面:

项目地址