前言
題外話:好久沒(méi)有寫(xiě)博客了,簡(jiǎn)書(shū)也好久沒(méi)有看了。最近一直在學(xué)習(xí)前端、后端的東西,想讓自己的知識(shí)面更廣一些,看到某篇文章講的。為了自己而工作(為了學(xué)習(xí)而工作);學(xué)會(huì)自我營(yíng)銷(xiāo)(多端博客,敲門(mén)磚);能把別人講懂才是真正懂了(寫(xiě)博客)
很有道理,跟當(dāng)初的自己想法很契合,前段時(shí)間由于工作或者其他一些原因丟掉了寫(xiě)作、輸出、分享,是時(shí)候該再撿起來(lái)了。
前段時(shí)間接了一兩個(gè)小外包,大致是做一個(gè)Android端的gps定位APP,功能很簡(jiǎn)單就是保活、后臺(tái)上傳實(shí)時(shí)定位。做完了Android端之后,看了他們的后臺(tái),然后,我想,為啥我不自己也做一個(gè)后臺(tái)呢,正好練練手,把前端和后端都做了,前后端分離,一舉多得。進(jìn)而開(kāi)始著手,沉迷于邊學(xué)習(xí)邊實(shí)踐的過(guò)程中,收獲頗豐,現(xiàn)在差不多基本功能已經(jīng)完成了,然后決定寫(xiě)一個(gè)系列的文章來(lái)總結(jié)、分享一下。
希望通過(guò)這個(gè)系列的文章,能夠讓大家也能一起來(lái)學(xué)習(xí)實(shí)踐一下,練練手,也能夠自己搭建一個(gè)多端結(jié)合的小系統(tǒng)。加油吧!
GPS定位系統(tǒng)系列
目錄
[TOC]
收獲
學(xué)習(xí)完整個(gè)系列你將收獲:
- 三端聯(lián)合開(kāi)發(fā)的經(jīng)驗(yàn)
- 地圖應(yīng)用、模擬定位、軌跡繪制、覆蓋點(diǎn)、信息窗體
- Android app保活
- Java springboot+mybatis一套使用
- 前端vue js css vuex vue-router一套使用
- 后臺(tái)admin管理頁(yè)面
一、項(xiàng)目展示
web端
web端頁(yè)面大概就是這個(gè)樣子,使用的是Vue的Iview框架。大致實(shí)現(xiàn)了整體單頁(yè)面功能、實(shí)時(shí)定位、歷史軌跡、用戶管理、個(gè)人信息等功能。
并且已經(jīng)部署到阿里云服務(wù)器上去了,如果服務(wù)還沒(méi)有到期的話可以通過(guò)web網(wǎng)站地址訪問(wèn),賬號(hào)密碼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端界面也很簡(jiǎn)單,就是登錄、顯示地圖,主要是后臺(tái)service上傳gps定位信息。
Java后端
由于前后端分離的,后端沒(méi)啥頁(yè)面展示的。
二、我的開(kāi)發(fā)環(huán)境
1、mac筆記本、小米6手機(jī)
2、Android studio
3、Idea
4、webstorm
5、postman
6、Navicat
7、chrome、safari
三、項(xiàng)目架構(gòu)及其技術(shù)選型
Android
targetSdkVersion:29
rxjava + retrofit + okhttp
高德地圖sdk
butterknife
rxpermission
hellodaemon
保活最重要的就是使用了hellodaemon框架,它利用了雙進(jìn)程互拉保活機(jī)制、引導(dǎo)用戶加入電量?jī)?yōu)化和白名單、其他一些常用的保活手段等,是一個(gè)挺不錯(cuò)的保活框架。
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之后,很喜歡。很方便,在管理各個(gè)服務(wù)方面很出色,升級(jí)、維護(hù),管理方便。
總結(jié)
整個(gè)系統(tǒng)開(kāi)發(fā)下來(lái),主流的框架都會(huì)接觸到,各個(gè)技術(shù)棧也會(huì)有涉獵,總而言之就是能夠從多端的角度來(lái)考慮和設(shè)計(jì),從多維的角度來(lái)解決問(wèn)題。
整個(gè)開(kāi)發(fā)過(guò)程中會(huì)遇到許許多多的小問(wèn)題,比如
- token的全局?jǐn)r截器驗(yàn)證401、404的問(wèn)題
- mybatis-generator生成器的問(wèn)題
- restful的response結(jié)構(gòu),axios的統(tǒng)一封裝
- 前后端跨域問(wèn)題
- 高德地圖顯示的問(wèn)題
- docker掛載映射本地路徑的問(wèn)題
- 上傳文件的文件路徑問(wèn)題
- maven打包的問(wèn)題
- 。。。
整個(gè)系列的文章中,三端相關(guān)的文章是最重要的,會(huì)包含很多小的技術(shù)點(diǎn)、代碼、問(wèn)題的解決方案等,希望整個(gè)系列能夠給大家?guī)?lái)幫助
請(qǐng)移步GPS定位系統(tǒng)(二)——Android端
關(guān)于作者
作者是一個(gè)熱愛(ài)學(xué)習(xí)、開(kāi)源、分享,傳播正能量,喜歡打籃球、頭發(fā)還很多的程序員-。-
熱烈歡迎大家關(guān)注、點(diǎn)贊、評(píng)論交流!
簡(jiǎn)書(shū):http://www.lxweimin.com/u/d234d1569eed
github:https://github.com/fly7632785