前言
题外话：好久没有写博客了，简书也好久没有看了。最近一直在学习前端、后端的东西，想让自己的知识面更广一些，看到某篇文章讲的。为了自己而工作（为了学习而工作）；学会自我营销（多端博客，敲门砖）；能把别人讲懂才是真正懂了（写博客） 很有道理，跟当初的自己想法很契合，前段时间由于工作或者其他一些原因丢掉了写作、输出、分享，是时候该再捡起来了。
前段时间接了一两个小外包，大致是做一个Android端的gps定位APP，功能很简单就是保活、后台上传实时定位。做完了Android端之后，看了他们的后台，然后，我想，为啥我不自己也做一个后台呢，正好练练手，把前端和后端都做了，前后端分离，一举多得。进而开始着手，沉迷于边学习边实践的过程中，收获颇丰，现在差不多基本功能已经完成了，然后决定写一个系列的文章来总结、分享一下。
希望通过这个系列的文章，能够让大家也能一起来学习实践一下，练练手，也能够自己搭建一个多端结合的小系统。加油吧！
GPS定位系统系列
目录
[TOC]
收获
学习完整个系列你将收获：
- 三端联合开发的经验
- 地图应用、模拟定位、轨迹绘制、覆盖点、信息窗体
- Android app保活
- Java springboot+mybatis一套使用
- 前端vue js css vuex vue-router一套使用
- 后台admin管理页面
一、项目展示
web端
登录
主页
实时定位
历史轨迹
用户管理
web端页面大概就是这个样子，使用的是Vue的Iview框架。大致实现了整体单页面功能、实时定位、历史轨迹、用户管理、个人信息等功能。
并且已经部署到阿里云服务器上去了，如果服务还没有到期的话可以通过web网站地址访问，账号密码kk kk 。
Android端
<img src="https://cdn.jsdelivr.net/gh/fly7632785/blogs@latest/2020/images/device-2020-07-02-144812.png" alt="device-2020-07-02-144812" style="zoom:25%;" />
Android端界面也很简单，就是登录、显示地图，主要是后台service上传gps定位信息。
Java后端
由于前后端分离的，后端没啥页面展示的。
二、我的开发环境
1、mac笔记本、小米6手机
2、Android studio
3、Idea
4、webstorm
5、postman
6、Navicat
7、chrome、safari
三、项目架构及其技术选型
Android
targetSdkVersion：29
rxjava + retrofit + okhttp
高德地图sdk
butterknife
rxpermission
hellodaemon
保活最重要的就是使用了hellodaemon框架，它利用了双进程互拉保活机制、引导用户加入电量优化和白名单、其他一些常用的保活手段等，是一个挺不错的保活框架。
Web
Vue + Vuex + Vue-cl + Vue-router
高德js地图api
iview
es6
Java
java8
springboot + mybatis
jwt
mysql
lombok
mybatis-generator
Docker
nginx
mysql 5.7
oepnjdk9
用了docker之后，很喜欢。很方便，在管理各个服务方面很出色，升级、维护，管理方便。
总结
整个系统开发下来，主流的框架都会接触到，各个技术栈也会有涉猎，总而言之就是能够从多端的角度来考虑和设计，从多维的角度来解决问题。
整个开发过程中会遇到许许多多的小问题，比如
- token的全局拦截器验证401、404的问题
- mybatis-generator生成器的问题
- restful的response结构，axios的统一封装
- 前后端跨域问题
- 高德地图显示的问题
- docker挂载映射本地路径的问题
- 上传文件的文件路径问题
- maven打包的问题
- 。。。
整个系列的文章中，三端相关的文章是最重要的，会包含很多小的技术点、代码、问题的解决方案等，希望整个系列能够给大家带来帮助
关于作者
作者是一个热爱学习、开源、分享，传播正能量，喜欢打篮球、头发还很多的程序员-。-
热烈欢迎大家关注、点赞、评论交流！
简书：https://www.jianshu.com/u/d234d1569eed
github：https://github.com/fly7632785
网友评论