apicloud学习笔记

注册一个账号,下载一个编辑器,官网已经有各种爱好者支持的编辑器,如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
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄宝康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值