仿途牛旅行APP源码分享（快速开发APP就是这么简单）
程序员文章站
2022-06-12 11:43:04
...
一直在做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就能制作一个媲美原生的应用，海量的前端攻城师是不是又找到了一个春天呢!
源码地址：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
我大概讲一下我做途牛的思路，
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就能制作一个媲美原生的应用，海量的前端攻城师是不是又找到了一个春天呢!
源码地址：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元