這是我的畢業(yè)設(shè)計(jì)忠怖，使用H5 Runtime + Mui + HBuilder結(jié)合開發(fā)，混合開發(fā)的定位導(dǎo)航+聊天APP（微定位)巧还。
希望對(duì)我這樣的開發(fā)者小白有點(diǎn)幫助穗泵，畢竟半年多沒(méi)碰過(guò)前端泽篮，為了畢業(yè)設(shè)計(jì)重新拾起前端寫個(gè)APP盗尸，剛好我的畢業(yè)設(shè)計(jì)合作伙伴會(huì)后臺(tái)，邊學(xué)邊做帽撑，也正因?yàn)槭沁厡W(xué)邊做泼各，所以之前的很多代碼都是用的MUI自帶的，結(jié)合自己用到Vue亏拉，就感覺(jué)很亂历恐，后面也不想去再改了。
功能介紹：
未登錄狀態(tài)可以使用地圖的幾乎所有功能专筷，包括定位弱贼、導(dǎo)航、搜索等磷蛹；可與機(jī)器人 MUI 聊天吮旅；
登陸后可以添加好友、刪除好友、創(chuàng)建群聊庇勃、聊天檬嘀、記錄足跡、群共享位置责嚷；
先來(lái)看APP的運(yùn)行部分截圖：
這里開發(fā)使用Hbuilder鸳兽，調(diào)試使用夜神Android模擬器
Hbuilder鏈接夜神Android模擬器教程-
代碼托管Github，既能版本控制也方便合作開發(fā)
Github代碼地址
Github官網(wǎng)源代碼地址
Github客戶端 -
README.md文件介紹
瀏覽地址
README.md
總結(jié)
- MUI開發(fā)APP還是很不錯(cuò)的罕拂，只要你像我一樣有點(diǎn)前端基礎(chǔ)揍异，像這種畢業(yè)設(shè)計(jì)不需要專業(yè)的設(shè)計(jì)就直接用MUI的UI就行了，拖拽一些模板頁(yè)面爆班，稍作修改衷掷，做完之后直接用Hbuilder云打包成APP就OK了。
- 當(dāng)然如果是正規(guī)的項(xiàng)目柿菩，可以使用Vue.JS寫成單頁(yè)應(yīng)用戚嗅，先用Webpack打包一遍再來(lái)用HBuilder打包成APP就行了。因?yàn)槭矣褜?shí)習(xí)的公司就是在這樣開發(fā)枢舶，真實(shí)巧了懦胞，哈哈哈哈~
附
雖然這個(gè)項(xiàng)目寫得很亂，但是還是學(xué)到了很多知識(shí)凉泄。認(rèn)真的回憶一波前端還是很愉快的躏尉。
代碼寫得很亂也很簡(jiǎn)單，單始終實(shí)現(xiàn)了一個(gè)軟件旧困，三方登錄懶得接數(shù)據(jù)庫(kù)了。
最后稼锅，有寫得不好的地方請(qǐng)留言指教吼具。
