一個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個頁面均由路由控制，網頁默認加載到登陸頁面。

預覽

登陸界面:

項目地址