注册一个账号,下载一个编辑器,官网已经有各种爱好者支持的编辑器,如webstom,Atom,sublime,eclipse等,作为一个java开发人员,我下载的一个类似eclipse的apicloud编辑器。
进入控制台,可以新建项目,或者从编辑器提交到apicloud创库,跟svn操作类似,手机端安装一个AppLoader,支持wifi同步,调试非常方便,立马见效果。官网提供了各种api的文档,视频,学习这个框架,主要是看重开发方式,堆积木式混合开发,拿来就用,支持安卓和苹果,打包,证书生成非常简单。
新建页面时,可以选择常用的模板。
后台管理界面
选择模板
调试非常简单
知识点讲解
在项目的config.xml中配置起始页,启动app的时候将加载该页面。
页面初始化方法为apiready
打开Frame窗口
// 打开新的Frame窗口
api.openFrame({
name : 'demo',
url : 'html/news01_window.html',
rect : {
x : 0,
y : 60,
w : 'auto',
h : 'auto'
}
});
数据操作,使用model和query模块
// 获取数据
var model = api.require('model');
var query = api.require('query');
model.config({
appKey : 'E3229CE2-1A20-6B16-CD21-5521229CXXXX',
host : 'https://d.apicloud.com'
});
// 查询
// query.createQuery({
// }, function(ret, err) {
// //coding...
// //alert(JSON.stringify( ret )); {"status":1,"qid":2}
// if (ret && ret.qid) {
// model.findAll({
// class : 'student',
// qid : ret.qid
// }, function(ret, err) {
// if (ret) {
// alert(JSON.stringify(ret));
// } else {
// alert(JSON.stringify(err));
// }
// });
// }
// });
// 新增
// model.insert({
// class:'student',
// value:{
// name:"黄宝康",
// age:30
// }
// },function(ret,err){
// if(ret){
// alert(JSON.stringify(ret));
// } else {
// alert(JSON.stringify(err));
// }
//
// });
// 根据id更新实体对象
// model.updateById({
// class : 'student',
// id : '5eb3b19d881ad80808ebc032',
// value : {
// name:"huangbaokang"
// }
// }, function(ret, err) {
// if (ret) {
// alert(JSON.stringify(ret));
// } else {
// alert(JSON.stringify(err));
// }
// });
// 删除
// model.deleteById({
// class : 'student',
// id : '5eb3b19d881ad80808ebc032',
// }, function(ret, err) {
// if (ret) {
// alert(JSON.stringify(ret));
// } else {
// alert(JSON.stringify(err));
// }
// });
下拉刷新
// 下拉刷新练习
api.setRefreshHeaderInfo({
visible:true,
bgColor:"#f00",
textColor:"#d39",
textDown:"下拉显示文字",
textUp:'松开显示文字',
showTime:true
},function(ret,err){
//coding...
alert("正在刷新");
api.refreshHeaderLoadDone();
});
用户的注册和登录,先注册,再登录
// 获取数据
var model = api.require('model');
var query = api.require('query');
var user = api.require('user');
model.config({
appKey : 'E3229CE2-1A20-6B16-CD21-5521229CXXXX',
host : 'https://d.apicloud.com'
});
// 登录
user.login({
username:'huangbaokang',
password:'123456'
},function(ret,err){
if(ret){
alert("success");
}else{
alert("fail");
}
});
// 用户注册
user.register({
username : 'huangbaokang2',
password : '123456'
}, function(ret, err) {
if (ret) {
api.openFrame({
name: '登录页面',
url: './login.html',
rect: {
x:0,
y:0,
w:'auto'