2020-10-23 22:42:22
围观(6725)
广州地铁21号线快车即时到站查询 : 广州 21 号线地铁快车智能时刻表
今天在微信群看到了一个这样的网站:车仔小助手 http://pt.terryzer.top/metro/21fast
感觉挺有意思的,通过 F12 大致看了一下前端代码,发现他的代码没有请求后端,感觉应该是纯前端实现的。
于是博主使用 PHP 也实现了一下这个功能,不写不知道,写起来居然耗费了好几个小时,其实时间主要都是消耗在数据整理上面了,写代码估计也就消耗了半个小时左右。
数据来源于广州地铁的官方公众号:调整!二十一号线快车时刻暑运期间有所调整
数据主要是 车站名 以及 车站对应的列车方向的时刻信息,一开始博主是看着官方公众号的时刻表手动记录下来,后来觉得太累也太慢了就直接使用 OCR 识别官方的时刻表,使用工具识别是挺快的,就是将数据整理放入代码耗时间,最后又重新检查了一遍时刻信息有没有对上。
完成之后的效果:
车仔小助手的效果:
有一小部分 CSS 样式是模仿了车仔小助手...
本文地址 : bubaijun.com/page.php?id=216
版权声明 : 未经允许禁止转载!
上一篇文章: jQuery实现商品规格选择效果
下一篇文章: PHP+NodeJs后端给网站截图
@不败君 每次爬上来都觉得博客中分享的知识很干货,收获满满,对于小弟曾经的几次留言,博主也都很及时地回复我,非常感谢。博主靠谱!没的说!
评论时间:2021-01-21 22:56:56