基于uni-app开发的实时公交车小程序（一）
admin
2023-09-06 17:02:17
0次
前言
uni-app是一个可以实现多端小程序的框架，可编译成微信小程序，抖音小程序，百度小程序，支付宝小程序，h5网页，安卓app等多个平台，开发者只需要一套代码，就可以运行到各个平台上，如果会vue开发的小伙伴们，就很容易上手。目前uni-app也有很多兼容性非常好的ui框架可以选择，如uview-ui，colorui等等。下面展示就是基于uni-app+uview-ui实现的实时公交车小程序。
简介
首先使用hbuild开发工具新建一个uni-app项目，早期版本的hbuild有uview-ui可以直接导入，现在的话需要自己在插件市场中找到uview-ui并导入到项目。最终的代码目录结构如下图
因为像微信小程序允许打包后端体积不能超过2M，所以这边使用了分包的方式，采用分包就可以允许20M，
最终整体的运行效果如下
首页
路线规划
公交实时查询
附近信息
目前小程序已经上线，二维码如下
有问题可以直接在小程序中的在线客服咨询，本章只是简单的展示效果，后续有时间会把开发历程写出来哈~
下一篇：直播APP开发成品案例