APICloud-App-Templates 素颜马尾好姑娘i 2022-06-14 09:29 220阅读 0赞 # 本文url==https://github.com/apicloudcom/APICloud-App-Templates # demo :http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=47679 基于[APICloud][]平台开发的应用案例模版源码合集,收集一些优秀的基于 APICloud 技术开发的应用模板,欢迎更多的开发者共享优质模板。 更多实际应用案例可以到[APICloud开发案例][APICloud 1]查看,体验一下使用APICloud开发的App的功能、性能和体验。 1. [仿每日优鲜应用模版][Link 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][] 1. [仿大众点评应用模板][Link 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][]等 1. [仿今日头条应用模板][Link 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][]等 1. [仿天猫商城应用模版][Link 4] * 模仿天猫商城APP开发的APP源码 * 界面布局采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能包括:搜索、轮播广告页、分类导航、商品列表、资讯列表、店铺、商品详情、购物车、消息、登陆、注册、个人中心等 * 用到的功能模块包括:二维码扫描模块[FNScanner][]、科大讯飞语音识别的sdk[speechRecognizer][SpeechRecognizer] 1. [仿脉脉应用模版][Link 5] * 模仿脉脉APP开发,包含APP源码和编译后的Android安装包(iOS的需要自己编译) * 界面布局采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能包括:搜索、资讯列表、资讯详情、分类导航条、联系人列表、消息中心、个人中心等 * 用到的UI模块包括:数据列表模块[UIListView][]、通讯录模块[contact][] * 用到的功能模块包括:微信分享模块[weiXin][]、新浪微博分享模块[weibo][]科大讯飞语音识别的sdk[speechRecognizer][SpeechRecognizer]、二维码扫描模块[FNScanner][]等 1. [仿途牛应用模版][Link 6] * 模仿途牛APP开发的APP源码 * 应用数据存放在APICloud数据云上,在APP中使用标准的api.ajax与服务端数据通信 * 界面布局采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能包括:轮播广告页、侧边栏、搜索、城市列表、顶部筛选栏、电话拨打、分类导航、旅游产品列表、产品详情、注册等 * 用到的UI模块包括:轮播图模块[UIScrollPicture][]、城市列表模块[UICityList][] 1. [仿返利网应用模版][Link 7] * 模仿返利网APP开发,包含APP源码和编译后的Android安装包(iOS的需要自己编译) * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:瀑布流布局首页、搜索栏、轮播图、webView页面、水平滚动分段标题栏、列表页、“我的”页、“更多”页等各种不同布局页面 * 程序亮点:采用openGroup方法实现APP引导页,采用flexbox方式实现首页类瀑布流式布局的开发; * 开发建议:程序开发时使用Swipe.js框架实现滚动轮播图,如无特殊需求,建议开发者在开发轮播图时,采用[UIScrollPicture][] 模块实现轮播图功能轮播图模块来开发实现。 1. [仿搜狐视频应用模版][Link 8] * 模仿搜狐视频APP开发的APP源码 * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:“首页”“热点”“片库”、视频详情页等不同页面的布局及轮播图、搜索栏、播放器等功能/样式 * 程序亮点:"离线"页面使用api.openFrameGroup方式实现页面的滑动切换,并关联了样式的同步改变;4个主页面采用frame+frameGroup混合组成,开发者可参考程序在frame和frameGroup之间如何进行页面切换处理的; * 开发建议:大部分页面仅为静态页面展示,缺少对应的处理逻辑,开发者仅参考下作者的页面布局,页面切换等开发方法即可。 1. [仿饿了么应用模版][Link 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][] 模块实现轮播图功能轮播图模块来开发实现。 1. [仿网易新闻应用模板][Link 10] * 模仿网易新闻APP开发的APP源码 * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:注册、登录、个人、设置、列表、列表详情页等不同页面;webView页面、页面轮播图、segmenBar多列表菜单等 * 程序亮点:程序采用APICloud数据云服务[mcm][]客户端模块进行云数据的远程操作,其中展示了model、user、relation和query等对象的使用方法,值得参考借鉴;程序采用css动画方式实现了segmentBar右侧箭头的点击动画效果,简单实用 * 开发建议:程序使用[scrollPicture][]模块实现轮播图功能,目前该模块已被升级版[UIScrollPicture][] 模块替代。 1. [仿玩转晋城应用模板][Link 11] * 模仿玩转晋城APP开发的APP源码,及云端数据库结构数据、使用开发说明等 * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:注册、登录、收藏、查看图片原图、图片保存、条件筛选、云数据操作、ajax请求、dot模块页面数据加载等; * 使用模块:[personalCenter][]、[imageBrowser][]、[scanner][]、[speechRecognizer][SpeechRecognizer]、[weiXin][] * 程序亮点:程序展示了使用ajax远程请求数据、数据处理逻辑、使用dot模版进行页面数据加载等开发技术,使用[imageBrowser][]查看图片、保存图片、使用[weiXin][]模块实现微信的第三方分享功能、使用[scanner][]实现二维码扫描功能等模块进行混合开发的技巧;源文件中附带程序开发使用说明文档,数据结构文档供开发者开发调用,是初学者不可多得的参考范例; * 开发建议:程序使用[scrollPicture][]轮播图模块已被升级版[UIScrollPicture][] 模块替代;[imageBrowser][]已被升级版[photoBrowser][]替代;[scanner][]二维码扫描模块已被升级版[FNScanner][FNScanner 1]替代;[weiXin][]此模块已拆分为 wx(分享、登录功能)和 wxPay(支付功能)模块 1. [仿糗事百科应用模板][Link 12] * 模仿糗事百科APP开发的APP源码 * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:首页、个人中心、列表、列表详情页等不同页面;segmenBar多列表菜单选择切换等 * 程序亮点:主题切换、右侧弹出层、segmenBar多列表菜单页面间的切换处理 1. [仿网易云音乐应用模版][Link 13] * 模仿网易云音乐APP开发的APP源码 * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:局部横向滑动、segmenBar多列表菜单、tabBar页面切换、多种布局列表页面、搜索栏、个人中心、歌曲播放页等 * 程序亮点:程序包含多种样式布局的页面,及页面间的相互切换可供开发者参考;在歌曲播放页使用css动画实现歌曲播放效果,这种通过CSS动画方式实现APP开发的某些功能,值得借鉴。 1. [仿QQ电影票应用模板][QQ] * 模仿QQ电影票APP开发的APP源码 * 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules * 主要功能:局部横向滑动、segmenBar多列表菜单、tabBar页面切换、多种布局列表页面、搜索栏、个人中心、歌曲播放页等 * 使用模块:[cityList][]、[baiduMap][] * 程序亮点:使用frameGroup制作引导页,其他一些制作功能的小技巧,比如:城市选择、布局展示切换、影片切换效果,等本项目值得参考的内容就是这些分离的功能使用。 * 开发建议:[cityList][]已被升级版[UICityList][]所替代;[baiduMap][]已被升级版\[bMap\]所替代; 1. [仿蜻蜓FM应用模板][FM] * 模仿蜻蜓FM开发的APP源码 * [APICloud]: http://www.apicloud.com/ [APICloud 1]: http://www.apicloud.com/cases [Link 1]: https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/tree/master/missfresh/widget [UIInput]: http://docs.apicloud.com/Client-API/UI-Layout/UIInput [UIActionSelector]: http://docs.apicloud.com/Client-API/UI-Layout/UIActionSelector [UIScrollPicture]: http://docs.apicloud.com/Client-API/UI-Layout/UIScrollPicture [bMap]: http://docs.apicloud.com/Client-API/Open-SDK/bMap [pushGeTui]: http://docs.apicloud.com/Client-API/Open-SDK/pushGeTui [mam]: http://docs.apicloud.com/Client-API/Cloud-Service/mam [db]: http://docs.apicloud.com/Client-API/Func-Ext/db [Link 2]: https://github.com/apicloudcom/APICloud-App-Templates/tree/master/dianping/widget [UICityList]: http://docs.apicloud.com/Client-API/UI-Layout/UICityList [FNScanner]: http://docs.apicloud.com/Client-API/Func-Ext/FNScanner [SpeechRecognizer]: http://docs.apicloud.com/Client-API/Open-SDK/speechRecognizer [Link 3]: https://github.com/apicloudcom/APICloud-App-Templates/tree/master/toutiao/widget [dialogBox]: http://docs.apicloud.com/Client-API/UI-Layout/dialogBox [navigationBar]: http://docs.apicloud.com/Client-API/Nav-Menu/navigationBar [videoPlayer]: http://docs.apicloud.com/Client-API/Func-Ext/videoPlayer [photoBrowserTouTiao]: http://docs.apicloud.com/Client-API/UI-Layout/photoBrowserTouTiao [qq]: http://docs.apicloud.com/Client-API/Open-SDK/qq [Link 4]: https://github.com/apicloudcom/Tmall-Source [Link 5]: https://github.com/apicloudcom/maimai [UIListView]: http://docs.apicloud.com/Client-API/UI-Layout/UIListView [contact]: http://docs.apicloud.com/Client-API/Device-Access/contact [weiXin]: http://docs.apicloud.com/Client-API/Open-SDK/weiXin [weibo]: http://docs.apicloud.com/Client-API/Open-SDK/weibo [Link 6]: https://github.com/apicloudcom/Tuniu-Source [Link 7]: https://github.com/apicloudcom/Fanli-Source [Link 8]: https://github.com/apicloudcom/Sohu-Source [Link 9]: https://github.com/apicloudcom/Eleme-Source [baiduLocation]: http://docs.apicloud.com/Client-API/Open-SDK/baiduLocation [api.call]: http://docs.apicloud.com/Client-API/api#7 [Link 10]: https://github.com/apicloudcom/163news-Source [mcm]: http://docs.apicloud.com/Client-API/Cloud-Service/mcm [scrollPicture]: http://docs.apicloud.com/Client-API/UI-Layout/scrollPicture [Link 11]: https://github.com/apicloudcom/Jincheng-Source [personalCenter]: http://docs.apicloud.com/Client-API/UI-Layout/personalCenter [imageBrowser]: http://docs.apicloud.com/Client-API/Func-Ext/imageBrowser [scanner]: http://docs.apicloud.com/Client-API/Func-Ext/scanner [photoBrowser]: http://docs.apicloud.com/Client-API/Func-Ext/photoBrowser [FNScanner 1]: http://docs.apicloud.com/Client-API/Func-Ext/FNScannerr [Link 12]: https://github.com/apicloudcom/Qiushibaike-Source [Link 13]: https://github.com/apicloudcom/163music-Source [QQ]: https://github.com/apicloudcom/QQFilm-Source [cityList]: http://docs.apicloud.com/Client-API/UI-Layout/cityList [baiduMap]: http://docs.apicloud.com/Client-API/Open-SDK/baiduMap [FM]: https://github.com/jinlong/qingtingFM
还没有评论,来说两句吧...