APICloud-App-Templates

本文url==https://github.com/apicloudcom/APICloud-App-Templates

demo :http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=47679

基于APICloud平台开发的应用案例模版源码合集，收集一些优秀的基于 APICloud 技术开发的应用模板，欢迎更多的开发者共享优质模板。

更多实际应用案例可以到APICloud开发案例查看，体验一下使用APICloud开发的App的功能、性能和体验。

1. 仿每日优鲜应用模版：

• 模仿每日优鲜APP 2.0.2版本开发，包含APP源码、编译后的Android安装包（iOS的需要自己编译）、UI架构设计、服务端接口文档等
• 应用数据存放在APICloud数据云上，在APP中使用标准的api.ajax与服务端数据通信
• 界面布局采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能包括：定位、城市切换，商品列表、下拉刷新、上拉加载、商品详情、购物车、登陆、注册、个人中心、本地存储、图片缓存、百度地图、推送、版本管理等
• 用到的UI模块包括：输入框模块UIInput、多级选择器模块UIActionSelector、轮播图模块UIScrollPicture
• 其他扩展模块包括：百度地图模块bMap、个推推送模块pushGeTui、版本管理及热更新模块mam、本地数据库模块db

2. 仿大众点评应用模板

• 模仿大众点评APP 6.0.1版本开发的APP源码
• 应用数据存放在APICloud数据云上，在APP中使用标准的api.ajax与服务端数据通信
• 界面布局采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能包括：欢迎页、定位、城市列表，商户列表、下拉刷新、上拉加载、商户详情、登陆、注册、个人中心、推送消息列表、二维码扫描、语音识别、图片缓存、百度地图等
• 用到的UI模块包括：输入框模块UIInput、轮播图模块UIScrollPicture、城市列表模块UICityList
• 其他扩展模块包括：百度地图模块bMap、二维码扫描模块FNScanner、语音识别模块SpeechRecognizer、本地数据库模块db等

3. 仿今日头条应用模板

• 模仿今日头条APP 5.4.5版本开发的APP源码
• 应用数据存放在APICloud数据云上，在APP中使用标准的api.ajax与服务端数据通信
• 界面布局采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能包括：广告页、分类导航、新闻列表、评论列表、下拉刷新、上拉加载、新闻详情、视频播放、图片浏览、登陆、注册、个人中心、第三方登陆、推送消息、版本管理等
• 用到的UI模块包括：输入框模块UIInput、对话框模块dialogBox、底部导航模块navigationBar
• 其他扩展模块包括：视频播放模块videoPlayer、图文浏览模块photoBrowserTouTiao、QQ登录模块qq、本地数据库模块db等

4. 仿天猫商城应用模版

• 模仿天猫商城APP开发的APP源码
• 界面布局采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能包括：搜索、轮播广告页、分类导航、商品列表、资讯列表、店铺、商品详情、购物车、消息、登陆、注册、个人中心等
• 用到的功能模块包括：二维码扫描模块FNScanner、科大讯飞语音识别的sdkspeechRecognizer

5. 仿脉脉应用模版

• 模仿脉脉APP开发，包含APP源码和编译后的Android安装包（iOS的需要自己编译）
• 界面布局采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能包括：搜索、资讯列表、资讯详情、分类导航条、联系人列表、消息中心、个人中心等
• 用到的UI模块包括：数据列表模块UIListView、通讯录模块contact
• 用到的功能模块包括：微信分享模块weiXin、新浪微博分享模块weibo科大讯飞语音识别的sdkspeechRecognizer、二维码扫描模块FNScanner等

6. 仿途牛应用模版

• 模仿途牛APP开发的APP源码
• 应用数据存放在APICloud数据云上，在APP中使用标准的api.ajax与服务端数据通信
• 界面布局采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能包括：轮播广告页、侧边栏、搜索、城市列表、顶部筛选栏、电话拨打、分类导航、旅游产品列表、产品详情、注册等
• 用到的UI模块包括：轮播图模块UIScrollPicture、城市列表模块UICityList

7. 仿返利网应用模版

• 模仿返利网APP开发，包含APP源码和编译后的Android安装包（iOS的需要自己编译）
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：瀑布流布局首页、搜索栏、轮播图、webView页面、水平滚动分段标题栏、列表页、“我的”页、“更多”页等各种不同布局页面
• 程序亮点：采用openGroup方法实现APP引导页，采用flexbox方式实现首页类瀑布流式布局的开发;
• 开发建议：程序开发时使用Swipe.js框架实现滚动轮播图，如无特殊需求，建议开发者在开发轮播图时，采用UIScrollPicture 模块实现轮播图功能轮播图模块来开发实现。

8. 仿搜狐视频应用模版

• 模仿搜狐视频APP开发的APP源码
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：“首页”“热点”“片库”、视频详情页等不同页面的布局及轮播图、搜索栏、播放器等功能／样式
• 程序亮点："离线"页面使用api.openFrameGroup方式实现页面的滑动切换，并关联了样式的同步改变；4个主页面采用frame+frameGroup混合组成，开发者可参考程序在frame和frameGroup之间如何进行页面切换处理的;
• 开发建议：大部分页面仅为静态页面展示，缺少对应的处理逻辑，开发者仅参考下作者的页面布局，页面切换等开发方法即可。

9. 仿饿了么应用模版

• 模仿饿了么APP开发，包含APP源码和编译后的Android安装包（iOS的需要自己编译）
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：侧滑布局菜单，个人中心常用界面的UI布局实现，搜索栏、外卖店列表、banner轮播、webView页面、筛选栏下拉式菜单布局、segmentBar页面切换
• 程序亮点：实现了侧滑式菜单布局；使用了baiduLocation模块实现定位功能；使用swipe.js实现了banner图轮播功能；使用api.call实现了拨打电话功能；使用frameGroup实现了分段栏布局的页面切换;
• 开发建议：开发者在开发轮播图时，采用UIScrollPicture 模块实现轮播图功能轮播图模块来开发实现。

10. 仿网易新闻应用模板

• 模仿网易新闻APP开发的APP源码
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：注册、登录、个人、设置、列表、列表详情页等不同页面；webView页面、页面轮播图、segmenBar多列表菜单等
• 程序亮点：程序采用APICloud数据云服务mcm客户端模块进行云数据的远程操作，其中展示了model、user、relation和query等对象的使用方法，值得参考借鉴;程序采用css动画方式实现了segmentBar右侧箭头的点击动画效果，简单实用
• 开发建议：程序使用scrollPicture模块实现轮播图功能，目前该模块已被升级版UIScrollPicture 模块替代。

11. 仿玩转晋城应用模板

• 模仿玩转晋城APP开发的APP源码，及云端数据库结构数据、使用开发说明等
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：注册、登录、收藏、查看图片原图、图片保存、条件筛选、云数据操作、ajax请求、dot模块页面数据加载等；
• 使用模块：personalCenter、imageBrowser、scanner、speechRecognizer、weiXin
• 程序亮点：程序展示了使用ajax远程请求数据、数据处理逻辑、使用dot模版进行页面数据加载等开发技术，使用imageBrowser查看图片、保存图片、使用weiXin模块实现微信的第三方分享功能、使用scanner实现二维码扫描功能等模块进行混合开发的技巧；源文件中附带程序开发使用说明文档，数据结构文档供开发者开发调用，是初学者不可多得的参考范例；
• 开发建议：程序使用scrollPicture轮播图模块已被升级版UIScrollPicture 模块替代;imageBrowser已被升级版photoBrowser替代;scanner二维码扫描模块已被升级版FNScanner替代；weiXin此模块已拆分为 wx（分享、登录功能）和 wxPay（支付功能）模块

12. 仿糗事百科应用模板

• 模仿糗事百科APP开发的APP源码
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：首页、个人中心、列表、列表详情页等不同页面；segmenBar多列表菜单选择切换等
• 程序亮点：主题切换、右侧弹出层、segmenBar多列表菜单页面间的切换处理

13. 仿网易云音乐应用模版

• 模仿网易云音乐APP开发的APP源码
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：局部横向滑动、segmenBar多列表菜单、tabBar页面切换、多种布局列表页面、搜索栏、个人中心、歌曲播放页等
• 程序亮点：程序包含多种样式布局的页面，及页面间的相互切换可供开发者参考；在歌曲播放页使用css动画实现歌曲播放效果，这种通过CSS动画方式实现APP开发的某些功能，值得借鉴。

14. 仿QQ电影票应用模板

• 模仿QQ电影票APP开发的APP源码
• 界面布局：采用APICloud 5大UI组件：Widget、Layout、Window、Frame和UIModules
• 主要功能：局部横向滑动、segmenBar多列表菜单、tabBar页面切换、多种布局列表页面、搜索栏、个人中心、歌曲播放页等
• 使用模块：cityList、baiduMap
• 程序亮点：使用frameGroup制作引导页，其他一些制作功能的小技巧，比如：城市选择、布局展示切换、影片切换效果，等本项目值得参考的内容就是这些分离的功能使用。
• 开发建议：cityList已被升级版UICityList所替代；baiduMap已被升级版[bMap]所替代；

15. 仿蜻蜓FM应用模板

• 模仿蜻蜓FM开发的APP源码