公交是很多人每天出行必用的交通工具,但是很多时候在不熟悉路况的情况下,很难短时间找到站点和最短乘车路线今天就使用java和vue技术打造一款自己的公交线路查询系统,结合腾讯地图完美的实现了公交站点的查询。
整个项目实现的功能:利用该系统实现各种公交线路查询功能与其他功能查询功能:通过选择商厦名称进行相应的信息查询;通过选择车号进行相应的信息查询;通过选择站点进行相应的信息查询;通过采用最短路径算法查找任意两个站点之间的最短乘车路线。
其他功能:完成车次和站点添加功能;完成车次和站点更新功能;完成车次和站点删除功能;实现用户登录验证功能;用户注册信息功能;用户注销功能;查看用户留言功能;管理员登录验证功能;管理员注销功能。
用到的技术:后端java语言,springboot框架,MySql数据库用户前端uniapp实现h5,管理员前端是电脑端。
部分代码展示
="true"v-model="begin.title"label="出发站"placeholder="请选择出发站">
click="clickF(2)":disabled="true"v-model="end.title"label="目的站"placeholder="请选择到达站">
type="primary" @click="routePlan">路线规划 0"
>总距离:{{dis}}米,途经{{routeList.length}}站
="home-fill"color="#fff":size="24">
="u-order-title">{{(index+1)+、+item.title}}{{item.area}}
>查看地图
:closeable="true"close-icon-color="red"v-model="showMap"mode="center"length="80%"height="80%"><
mapv-if="routeList.length>0":polyline="polyline"style="width: 100%; height:90vh;":latitude="routeList[0].addX"
:longitude="routeList[0].addY":markers="covers">
="red"v-model="showSel"mode="center"length="80%"height="80%">
style="color: #2979ff;">站点选择
> -1"v-for="(item,index) in stationList"
:key="index"class="u-p-30 u-m-10"style="background-color: white;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);"
>
="#2979ff"size="35">{{item.title}}
> 点击选择 地址:{{item.area}}
>获取代码请关注后私信“20230423”
亲爱的读者们,感谢您花时间阅读本文。如果您对本文有任何疑问或建议,请随时联系我。我非常乐意与您交流。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。