不败君

前端萌新&初级后端攻城狮

广州地铁21号线快车即时到站查询

广州地铁21号线快车即时到站查询

2020-10-23 22:42:22

围观(1494)

广州地铁21号线快车即时到站查询 : 广州 21 号线地铁快车智能时刻表


今天在微信群看到了一个这样的网站:车仔小助手 http://pt.terryzer.top/metro/21fast

感觉挺有意思的,通过 F12 大致看了一下前端代码,发现他的代码没有请求后端,感觉应该是纯前端实现的。

于是博主使用 PHP 也实现了一下这个功能,不写不知道,写起来居然耗费了好几个小时,其实时间主要都是消耗在数据整理上面了,写代码估计也就消耗了半个小时左右。


数据来源于广州地铁的官方公众号:调整!二十一号线快车时刻暑运期间有所调整

数据主要是 车站名 以及 车站对应的列车方向的时刻信息,一开始博主是看着官方公众号的时刻表手动记录下来,后来觉得太累也太慢了就直接使用 OCR 识别官方的时刻表,使用工具识别是挺快的,就是将数据整理放入代码耗时间,最后又重新检查了一遍时刻信息有没有对上。


完成之后的效果:

1.png

车仔小助手的效果:

2.png

有一小部分 CSS 样式是模仿了车仔小助手...

链接: 广州 21 号线地铁快车智能时刻表

本文地址 : www.bubaijun.com/page.php?id=216

版权声明 : 未经允许禁止转载!

评论:我要评论

tredaiyut 沙发

大神 用的是手机的什么OCR app软件啊?

评论时间:2021-01-21 20:01:29

回复

不败君 板凳

@tredaiyut 不是手机的,是用的 PC 的一个工具,名字是 utools

评论时间:2021-01-21 20:20:33

回复

tredaiyut

@不败君 每次爬上来都觉得博客中分享的知识很干货,收获满满,对于小弟曾经的几次留言,博主也都很及时地回复我,非常感谢。博主靠谱!没的说!

评论时间:2021-01-21 22:56:56

回复

不败君

@tredaiyut 谢谢,有你们的访问也会增加我写文章的动力🤓

评论时间:2021-01-21 23:03:07

回复

发布评论:
Copyright © 不败君 粤ICP备18102917号-1

不败君

首 页 作 品 微 语