欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

仿途牛旅行APP源码分享(快速开发APP就是这么简单)

程序员文章站 2022-06-10 10:30:25
...
一直在做Hybrid App的开发,最近一款apicloud开发平台很是吸引人,我也一直在关注,仔细的研究了apicloud的接口文档,发现端api的很是丰富,已经能满足大部分app需要,方法写的是见名知意,异步回调用起来也是很爽。于是乎我就想起来要写点什么,在手机上随便找了个应用,就途牛了(途牛会不会来找我麻烦~~),准备模仿一把练练手。废话不多说了,先上最终效果图,有图有真相。
我大概讲一下我做途牛的思路,
1、打开应用可以看到首页是一个侧滑布局,apicloud提供了现成的api。(openSlidLayout())
2、在侧滑的fiexd页面有很多按钮,通过点击分析发现最终只会打开3个不同的页面(mian,user,toursList),因为这3个页面是打开在同一个窗口内(slider),这是我想到了使用窗口组模块frameGroup(openFrameGroup),因为这3个页面的header不一样,所以需要在slider页面写上3个不同的header。到这里出现一个问题,其中toursList页面的header比其余两个高了一点,通过查看frameGroup的api得知窗口组的Y轴高度只能统一设置,不能为每个frame单独设置Y轴,只能将多出的一部分单独写在一个frame中(toursList_tab),因此我在toursList页面打开了2个frame(toursList_tab,toursList-con)。
3、其他的页面就是一些openframe 和openWin打开了,不做过多介绍了。
最后说下我的使用感受,使用apicloud开发应用真的是积木式的拼装应用,给我们提供了大量的原生模块,使我们只用关注于html、css和js就能制作一个媲美原生的应用,海量的前端攻城师是不是又找到了一个春天呢!仿途牛旅行APP源码分享(快速开发APP就是这么简单)


源码地址:http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=444&extra=page%3D1


APICloud最新O2O源码+教程:教你五步开发手机APP
http://www.thinkphp.cn/code/812.html

仿搜狐视频源码(教你快速开发手机APP)http://www.thinkphp.cn/code/831.html

仿途牛旅行源码分享(扫二维码体验)http://www.thinkphp.cn/code/840.html

AD:真正免费,域名+虚机+企业邮箱=0元