Giter VIP home page Giter VIP logo

apicloud-app-templates's Introduction

APICloud-App-Templates

基于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
  1. 仿大众点评应用模板
  • 模仿大众点评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. 仿今日头条应用模板
  • 模仿今日头条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. 仿天猫商城应用模版
  • 模仿天猫商城APP开发的APP源码
  • 界面布局采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能包括:搜索、轮播广告页、分类导航、商品列表、资讯列表、店铺、商品详情、购物车、消息、登陆、注册、个人中心等
  • 用到的功能模块包括:二维码扫描模块FNScanner、科大讯飞语音识别的sdkspeechRecognizer
  1. 仿脉脉应用模版
  • 模仿脉脉APP开发,包含APP源码和编译后的Android安装包(iOS的需要自己编译)
  • 界面布局采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能包括:搜索、资讯列表、资讯详情、分类导航条、联系人列表、消息中心、个人中心等
  • 用到的UI模块包括:数据列表模块UIListView、通讯录模块contact
  • 用到的功能模块包括:微信分享模块weiXin、新浪微博分享模块weibo科大讯飞语音识别的sdkspeechRecognizer、二维码扫描模块FNScanner
  1. 仿途牛应用模版
  • 模仿途牛APP开发的APP源码
  • 应用数据存放在APICloud数据云上,在APP中使用标准的api.ajax与服务端数据通信
  • 界面布局采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能包括:轮播广告页、侧边栏、搜索、城市列表、顶部筛选栏、电话拨打、分类导航、旅游产品列表、产品详情、注册等
  • 用到的UI模块包括:轮播图模块UIScrollPicture、城市列表模块UICityList
  1. 仿返利网应用模版
  • 模仿返利网APP开发,包含APP源码和编译后的Android安装包(iOS的需要自己编译)
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:瀑布流布局首页、搜索栏、轮播图、webView页面、水平滚动分段标题栏、列表页、“我的”页、“更多”页等各种不同布局页面
  • 程序亮点:采用openGroup方法实现APP引导页,采用flexbox方式实现首页类瀑布流式布局的开发;
  • 开发建议:程序开发时使用Swipe.js框架实现滚动轮播图,如无特殊需求,建议开发者在开发轮播图时,采用UIScrollPicture 模块实现轮播图功能轮播图模块来开发实现。
  1. 仿搜狐视频应用模版
  • 模仿搜狐视频APP开发的APP源码
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:“首页”“热点”“片库”、视频详情页等不同页面的布局及轮播图、搜索栏、播放器等功能/样式
  • 程序亮点:"离线"页面使用api.openFrameGroup方式实现页面的滑动切换,并关联了样式的同步改变;4个主页面采用frame+frameGroup混合组成,开发者可参考程序在frame和frameGroup之间如何进行页面切换处理的;
  • 开发建议:大部分页面仅为静态页面展示,缺少对应的处理逻辑,开发者仅参考下作者的页面布局,页面切换等开发方法即可。
  1. 仿饿了么应用模版
  • 模仿饿了么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. 仿网易新闻应用模板
  • 模仿网易新闻APP开发的APP源码
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:注册、登录、个人、设置、列表、列表详情页等不同页面;webView页面、页面轮播图、segmenBar多列表菜单等
  • 程序亮点:程序采用APICloud数据云服务mcm客户端模块进行云数据的远程操作,其中展示了model、user、relation和query等对象的使用方法,值得参考借鉴;程序采用css动画方式实现了segmentBar右侧箭头的点击动画效果,简单实用
  • 开发建议:程序使用scrollPicture模块实现轮播图功能,目前该模块已被升级版UIScrollPicture 模块替代。
  1. 仿玩转晋城应用模板
  • 模仿玩转晋城APP开发的APP源码,及云端数据库结构数据、使用开发说明等
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:注册、登录、收藏、查看图片原图、图片保存、条件筛选、云数据操作、ajax请求、dot模块页面数据加载等;
  • 使用模块:personalCenterimageBrowserscannerspeechRecognizerweiXin
  • 程序亮点:程序展示了使用ajax远程请求数据、数据处理逻辑、使用dot模版进行页面数据加载等开发技术,使用imageBrowser查看图片、保存图片、使用weiXin模块实现微信的第三方分享功能、使用scanner实现二维码扫描功能等模块进行混合开发的技巧;源文件中附带程序开发使用说明文档,数据结构文档供开发者开发调用,是初学者不可多得的参考范例;
  • 开发建议:程序使用scrollPicture轮播图模块已被升级版UIScrollPicture 模块替代;imageBrowser已被升级版photoBrowser替代;scanner二维码扫描模块已被升级版FNScanner替代;weiXin此模块已拆分为 wx(分享、登录功能)和 wxPay(支付功能)模块
  1. 仿糗事百科应用模板
  • 模仿糗事百科APP开发的APP源码
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:首页、个人中心、列表、列表详情页等不同页面;segmenBar多列表菜单选择切换等
  • 程序亮点:主题切换、右侧弹出层、segmenBar多列表菜单页面间的切换处理
  1. 仿网易云音乐应用模版
  • 模仿网易云音乐APP开发的APP源码
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:局部横向滑动、segmenBar多列表菜单、tabBar页面切换、多种布局列表页面、搜索栏、个人中心、歌曲播放页等
  • 程序亮点:程序包含多种样式布局的页面,及页面间的相互切换可供开发者参考;在歌曲播放页使用css动画实现歌曲播放效果,这种通过CSS动画方式实现APP开发的某些功能,值得借鉴。
  1. 仿QQ电影票应用模板
  • 模仿QQ电影票APP开发的APP源码
  • 界面布局:采用APICloud 5大UI组件:Widget、Layout、Window、Frame和UIModules
  • 主要功能:局部横向滑动、segmenBar多列表菜单、tabBar页面切换、多种布局列表页面、搜索栏、个人中心、歌曲播放页等
  • 使用模块:cityListbaiduMap
  • 程序亮点:使用frameGroup制作引导页,其他一些制作功能的小技巧,比如:城市选择、布局展示切换、影片切换效果,等本项目值得参考的内容就是这些分离的功能使用。
  • 开发建议:cityList已被升级版UICityList所替代;baiduMap已被升级版[bMap]所替代;
  1. 仿蜻蜓FM应用模板
  • 模仿蜻蜓FM开发的APP源码
  1. 滴滴拉屎APP源码

apicloud-app-templates's People

Contributors

apicloud-com avatar broadzou avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.