gin框架长连接_一个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个页面均由路由控制,网页默认加载到登录页面。

预览

登录界面:

有疑问加站长微信联系(非本文作者)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值