gin框架长连接_一个TCP长连接设备管理后台工程(一)
概述
這個項目最初只是用來進行一個簡單的協(xié)議測試用的,而且是一個純粹的后端命令行工程。只是后面想著只有命令行,操作也不太方便,于是便有了添加一個ui的想法。
golang項目要配ui,最佳的還是配一個前端界面。而我本人并非前端出生,js功底太差,所以就想著用vue了。而且作為一個技術人員,ui界面設計也比較差,所以就打算找一個現(xiàn)成的ui框架來用,嘗試了ant designer和iview后,決定使用iview來實現(xiàn)。
這個工程采用前后端分離設計:
后端采用golang語言,web框架采用gin,數(shù)據(jù)庫采用postgresql,并使用xorm來簡化數(shù)據(jù)庫操作。使用jwt來進行權限控制。日志庫采用logrus。
前端基本就是vue的生態(tài)環(huán)境,主體采用vue,ui采用iview,路由使用vur-router,狀態(tài)管理使用vuex,js請求使用axios庫。token存儲在localstorage中,暫時沒有存儲到vuex中。由于前端需要繪制地圖軌跡,所以用到了百度地圖api和vue的地圖庫vue-baidu-map
因為頁面為單頁面,所以頁面路由統(tǒng)一由前端來控制,后端只提供一個根路由用來加載靜態(tài)數(shù)據(jù),然后提供若干api供前端獲取數(shù)據(jù)。
頁面
目前頁面只做了5個
登錄頁面
設備管理頁面
數(shù)據(jù)頁面
地圖軌跡頁面
用戶管理頁面
5個頁面均由路由控制,網(wǎng)頁默認加載到登錄頁面。
預覽
登錄界面:
有疑問加站長微信聯(lián)系(非本文作者)
總結
以上是生活随笔為你收集整理的gin框架长连接_一个TCP长连接设备管理后台工程(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 小米11应用锁怎么设置
- 下一篇: 4488 元起,华为 P60 / Pro