前言
題外話:好久沒(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)程互拉痹7唬活機(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.reibang.com/u/d234d1569eed
github:https://github.com/fly7632785