weui实例:城市便民自行车查询

  城市公共自行车为不开车的一族提供了便利,关爱城市,绿色出行,所在城市虎纠租车在1小时内是不收费的,也可以避免堵车,如果能把各个城市的公共自行车信息集成到一个微信公众号中查询,是不是更和谐?前提是要所在城市已经投钱去建设公共自行车的相关配套,个人觉得深圳做的挺好,公共自行车站点的岗亭加入和退出机制相对人性化,还是说重点,现在在公众号中集成了福州和北京的便民自行车查询。
  1.关注公众号后,用户发送位置,输入关键字后,可以查找最近的编码自行车站点,也可以在百度地图中导航到站点。
  2.选择更多站点查询,首先是所在城市的区域,选中具体区域后显示所在区域的所有自行车站点,站点信息因城市而已(其实是因为我只能从中捞到这些数据展示)
  3.目前只支持福州和北京的便民自行车信息查询,其他城市的会不会再加入,待定。。。
  相关环境:jdk1.7
  tomcat7.x
  myeclipse6.5
  mysql5.x ,
  ngrok(神器,值得推荐!)
  页面有用到最近很火的jquery-weui,基于微信团队开源的ui库,很赞!
  界面:easyui
  开发神器:Nutz(重点推荐!)
先看下项目截图:

在公众号中查询站点:

查看站点在百度地图中的位置:

查询城市的区域:北京

虎纠:只查到了5区的,有8县的请通知我一声。

查询某个区域内的便民自行车站点信息:

做这个例子,主要是看了weui的新加了一些样式,觉得需要做一个例子,刚好也想到便民自行车查询这块,
还要推荐下nutz,很不错的框架!
是实践,不一定是最佳,仅供参考。
晚安!

------------------------------------------
2016-12-09
在评论中有不少朋友要项目代码,就不一一发了,请加Q群:136554228,加群后回复暗号:#findbike
   另外,项目代码也会重新调整下,后续push到github,方便有需要的朋友下载。




    分享到:









点赞
  1. 思源 说道:

    最近学习Weui,求源码案例1004551009@qq.com 十分感谢

    1. 飘散 说道:

      加q群,直接下载

  2. 说道:

    求源码,谢谢!17831873301@qq.com

    1. 飘散 说道:

      已经发送到邮箱,请注意查收

  3. Green 说道:

    求源码,谢谢!1004376175@qq.com

    1. 飘散 说道:

      你好,已经发送到邮箱,请注意查收

  4. lose 说道:

    求源码,谢谢!405739501@qq.com

    1. 飘散 说道:

      已经发送到您的邮箱,请注意查收

  5. super 说道:

    您好,能要一份源码学习一下吗,446029658@qq.com

    1. 飘散 说道:

      Q群:136554228,代码在群里,回复:#find-citybike

  6. 飞龙 说道:

    求源码,谢谢

    1. 飘散 说道:

      已经发送到您的邮箱

  7. 天下有雪 说道:

    楼主好人,求源码!正在学习weui!wangyang12611@163.com

    1. 飘散 说道:

      已经发送到您的邮箱,请查收下

  8. 黄飞鸿 说道:

    大神,求源码

    1. dxlog 说道:

      大侠,我要源码。dxlog@21cn.com

  9. hszdz 说道:

    想学习啊,求分享,谢谢

    1. 飘散 说道:

      已经发送到你的邮箱了,请注意查收!

  10. JAVA学习人 说道:

    不错哈,求源码啊 249196718@qq.com,万分感谢

    1. 飘散 说道:

      已经发送到你邮箱了,请查收下。

  11. HAPPY424 说道:

    求发源码,学习用,谢谢!!!

    1. 飘散 说道:

      已发送,请查收下邮件

  12. benben 说道:

    最近学习Weui,求分享案例980366906@qq.com 十分感谢

    1. 飘散 说道:

      已经发送到您的邮箱,请查收

  13. 栗子 说道:

    你好,最近也在学习这个前台框架,想学习下这个例子,邮箱315031895@qq.com谢谢

    1. 飘散 说道:

      已发送到你的邮箱,请查收

  14. taiyanhong 说道:

    求demo,学习,发给我邮箱谢咯462967477@qq.com

    1. 飘散 说道:

      好的,最近比较忙,周末我会把例子发到你的邮箱, 请注意查收。

    2. 飘散 说道:

      已经发送,请查收

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注


*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>