一、通過APICloud進行App前端佈局和數據交互
App前端佈局：
Window ：窗口
Frame：子窗口
FrameGroup：一組子窗口的集合
window+frame+html代碼的佈局方式
整個頁面最外面是一個window，頭部和導航固定不變，爲一個frame，下方內容區域又是一個frame，整個frame裏面就是具體的頁面內容了，裏面嵌套了html\css代碼
打開新窗口的過程，就是在一組window+frame+html這種組合下，打開另一組window+frame+html組合的過程
頁面內容簡單的情況下，可以直接在window當中加載htmlcss代碼
打開子窗口：api.openFrame
function openFrame(){
api.openFrame({
name:"", //子窗口的名稱
url:"", //子窗口的地址
rect:{ //x和y是座標位置，子窗口顯示的起始座標，w和h是，寬度和高度
x:0,
y:0,
w:"auto",
h:"auto"
}
})
}
打開子窗口組：api.openFrameGroup
打開新窗口：api.openWin
下拉刷新：api.setRefreshHeaderInfo
apiready = function(){
api.setRefreshHeaderInfo({
visible:true,
bgColor:"#ccc",
textColor:"#fff",
textDown:"拉一下試試",
textUp:"試試就試試",
showTime:true
},function(){
//coding...
//查詢數據庫
//判斷是否有新數據
//更新新數據
api.refreshHeaderLoadDone();
})
}
定義的方法統一放在：
apiready = function(){
openFrame();
}
數據交互：
數據存儲：
file模塊：目錄操作，文件操作
文件存儲方式，用於圖片、文檔的上傳下載刪除管理
db：本地sqlite數據庫
用於離線數據的存儲
localstorage：html5，localstorage
用於一些變量的存儲傳遞，比如用戶的登錄狀態、多個頁面之間的變量傳遞
注意：cookie、session無法使用
preterence：setPrefs、getPrefs、removePrefs
apicloud封裝好的偏好數據存儲模塊，如應用皮膚、字體大小等個性化的設置
與自建服務器的網絡通信
api.ajax