APICloud开发App总结(一)
apiCloud app 开发是最近一两年刚刚兴起的一种混合开发方式。常用的模块以原生方式开发好,然后用js进行粘合、组织,完成整个的app的逻辑。这种开发方式极大的提高了软件模块的复用率,加快了app开发速度,将app开发人员的精力集中到核心业务逻辑上,是一种非常合理的软件开发思路。这样,整个app开发的重心移到了界面的设计与布局上,即主要用web前端技术设计实现app的界面。反而是 用js调用模块并实现业务逻辑 这部分工作相比较轻松。
这样一来,用这种方式开发app的关键一环就在于界面部分的实现了,这是整个app开发中最终面向用户的部分,也是最灵活,最耗精力的一块,如果界面模板做好,那么工作已经完成一大半了,剩下的工作就是获取数据并填充界面模板了。那么界面分哪几大块呢?大概如下:
1.布局。布局主要指大的页面架构,比如页面分为哪几大块。在实现方面,可以采用frame方式,这样速度快那么一点点;也可以采用div、flex这样的html布局方式,这样的话灵活性强,可以自 动适应。
2.导航、菜单。这主要是泛指那些导引性的按钮组,表现形式多种多样,可以是横向或竖向的一组按钮或链接,也可以是一块一块的布局块,一般是小图标配合文字的表现形式。
3.列表。这是使用频率极为高的一种界面形式,因为可以说,其实所有的数据都是列表。列表的大的形式一样,就是一个item接一个item。但是item内部的布局则是丰富多样、灵活多变的。
4.表单。这是所有输入界面的统称。
5.轮播图、海报等。这类是那些以单个大图展示信息,并一般可以链接到具体的内容页。
6.图文展示。这一般是详细信息的展示形式。一般由标题图和文章组成,或是图文穿插。
其实,要加快界面开发速度。就需要平时在每种界面形式上积累大量的模板,这样整个的布局也就是挑选合适的模板然后组合就好了。
APICloud开发App总结(一)的更多相关文章
- 使用APICloud开发app录音功能
mp3Recorder模块封装在iOS.Android下录音直接生成mp3,统一两个平台的录音生成文件,方便双平台之间的交互,减少录音完成后再转码的过程:同时提供分贝波形图显示UI:使用该模块前需 ...
- apicloud开发app
1.apicloud官网 2.注册登录 3.开发控制台 4.创建应用 5.代码=>svn拉取代码,账号:注册账号的邮箱,密码:获取分支密码中的密码 6.编辑器下载对应的插件或者直接使用apicl ...
- 用APICloud开发iOS App Clip详细教程
App Clip是苹果公司在WWDC20开发者大会上发布的新功能,用户可以只访问应用程序的一小部分,而无需下载整个应用,被称为苹果小程序.本文主要介绍如何通过APICloud开发App Clip. 一 ...
- H5开发APP考题和答案
{ "last_updated": { "$date": 1544276670569 }, "page_count": 1, "a ...
- apicloud 开发环境搭建
之前做过appcan 手机应用的开发,工作需要切换的apicloud , 开发环境的的搭建是开发的第一步,let's go 1新建应用 step1 注册账号 注册apicloud 账号:https ...
- 跨端开发技术 | 拼团商城项目同时开发app和小程序的要点
此项目为拼团商城类型,主要功能包括商品分类.商品详情.商品搜索.拼团.订单管理等. 项目源码在 https://github.com/apicloudcom/group-ec 仓库的 widget 目 ...
- MUI开发APP,scroll组件,运用到区域滚动
最近在开发APP的过程中,遇到一个问题,就是内容有一个固定的头部和底部. 头部就是我们常用的header了,底部的话,就放置一个button,用来提交页面数据或者进入下一个页面等,效果 ...
- 如何优雅的使用vue+vux开发app -03
如何优雅的使用vue+vux开发app -03 还是一个错误的示范,但是离优雅差的不远了... <!DOCTYPE html> <html> <head> < ...
- 如何优雅的使用vue+vux开发app -02
如何优雅的使用vue+vux开发app -02 很明显这又是一个错误的示范,请勿模仿 使用动态组件实现保留状态的路由 <!DOCTYPE html> <html> <he ...
随机推荐
- css 设置圆角
CSS3 圆角(border-radius) -moz(例如 -moz-border-radius)用于Firefox -webkit(例如:-webkit-border-radius)用于Safar ...
- (四)G1 garbage collector
g1专为大内存,多内核机型设计.可以兼顾高吞吐量和低暂停时间. g1将堆分为多个相同大小内存块,并发的标记线程,使得g1掌握了各个内存块的活对象数量, 内存回收阶段,g1根据用户指定的暂停时间,选择部 ...
- vi 技巧和诀窍~转IBM
复合搜索 1 #!/bin/ksh 2 # 3 echo "Starting" 4 file=${1} 5 6 echo ${file} 7 8 if [[ ${file} = 1 ...
- openwrt的配置
1,参考:http://www.cnblogs.com/gnuhpc/archive/2013/08/31/3293643.html(此人的博客还是挺不错的) http://www.cnblogs.c ...
- 《UML大战需求分析》阅读笔记03
活动图是用来表达流程的最常见的一种图.活动图与我们之前熟知的流程图相似.而活动图基础语法包含:初始状态.结束状态.活动.状态和合并一般活动图就有一个开始状态.进行活动图绘制的时候需要从总体上规划好业务 ...
- oracle分组取第一条
SELECT * FROM (SELECT ROW_NUMBER() OVER(PARTITION BY x ORDER BY y DESC) rn,test1.* FROM test1) WHERE ...
- 《Linux及安全》实践3.3
<Linux及安全>实践三 字符集总结与分析 [by lwr] 一.ISO.UCS/UTF.GB系列字符集分析 1.字符集&字符编码 字符集(Charset):是一个系统支持的所有 ...
- WINDOWS下PhoneGap(Cordova)安装笔记
1.首先下载Node.js 安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”," ...
- ES6 基础知识
let:用来定义变量特点:只能在代码块里面使用,let拥有块级作用域;并且let不允许重复声明; 比如: var a = 12; var a = 5; alert(a); //5; let a = 1 ...
- 使用SSIS汇集监控数据
1.背景 数据库服务器部署有各类巡检脚本,现在想把巡检收集到的数据汇集到一起.Source源对应的是各业务数据库服务器,Destination目标对应的是保存汇集数据的服务器.前期部署的时候已将巡检相 ...