概述
这个项目最初只是用来进行一个简单的协议测试用的,而且是一个纯粹的后端命令行工程。只是后面想着只有命令行,操作也不太方便,于是便有了添加一个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个页面均由路由控制,网页默认加载到登录页面。
预览
登录界面:
有疑问加站长微信联系(非本文作者)