MUI开发定位导航+聊天APP(毕业设计)

这是我的毕业设计,使用H5 Runtime + Mui + HBuilder结合开发,混合开发的定位导航+聊天APP(微定位)。
希望对我这样的开发者小白有点帮助,毕竟半年多没碰过前端,为了毕业设计重新拾起前端写个APP,刚好我的毕业设计合作伙伴会后台,边学边做,也正因为是边学边做,所以之前的很多代码都是用的MUI自带的,结合自己用到Vue,就感觉很乱,后面也不想去再改了。

功能介绍:

未登录状态可以使用地图的几乎所有功能,包括定位、导航、搜索等;可与机器人 MUI 聊天;
登陆后可以添加好友、删除好友、创建群聊、聊天、记录足迹、群共享位置;

先来看APP的运行部分截图:

MUI开发定位导航+聊天APP(毕业设计)_第1张图片
未登录状态页面

MUI开发定位导航+聊天APP(毕业设计)_第2张图片
机器人聊天及登陆

MUI开发定位导航+聊天APP(毕业设计)_第3张图片
编辑信息及聊天

MUI开发定位导航+聊天APP(毕业设计)_第4张图片
添加好友创建群聊

  • 这里开发使用Hbuilder,调试使用夜神Android模拟器
    Hbuilder链接夜神Android模拟器教程

  • 代码托管Github,既能版本控制也方便合作开发
    Github代码地址

    MUI开发定位导航+聊天APP(毕业设计)_第5张图片
    Github官网源代码地址

    MUI开发定位导航+聊天APP(毕业设计)_第6张图片
    Github客户端

  • README.md文件介绍
    浏览地址

    MUI开发定位导航+聊天APP(毕业设计)_第7张图片
    README.md

总结
  • MUI开发APP还是很不错的,只要你像我一样有点前端基础,像这种毕业设计不需要专业的设计就直接用MUI的UI就行了,拖拽一些模板页面,稍作修改,做完之后直接用Hbuilder云打包成APP就OK了。
  • 当然如果是正规的项目,可以使用Vue.JS写成单页应用,先用Webpack打包一遍再来用HBuilder打包成APP就行了。因为室友实习的公司就是在这样开发,真实巧了,哈哈哈哈~

虽然这个项目写得很乱,但是还是学到了很多知识。认真的回忆一波前端还是很愉快的。
代码写得很乱也很简单,单始终实现了一个软件,三方登录懒得接数据库了。
最后,有写得不好的地方请留言指教。

你可能感兴趣的:(MUI开发定位导航+聊天APP(毕业设计))