原创 變臉式應用 / 進入與退出應用(二)

登錄與退出 登錄和退出是多數應用都需要的功能。 我們在筋斗雲示例應用中,可以看到登錄退出相關的代碼:(index.js文件) function handleLogin(data) { MUI.handleLogin(dat

原创 筋斗雲接口編程 / 創建Web接口項目

[任務] 用筋斗雲框架創建一個Web接口項目叫mysvc,創建數據庫,提供對ApiLog對象的操作接口。 先從github上下載開源的筋斗雲後端框架及示例應用:https://github.com/skyshore2001/jdc

原创 變臉式應用 / 製作原生APP

H5應用可以打包生成蘋果或安卓原生應用,一般也稱爲混合應用程序(Hybird App)。 並不是所有的H5應用都適合打包成原生應用,如果把一個普通的手機網站包裝成原生應用,即使它製作的外觀像是原生應用, 但切換頁面時的網頁刷新和

原创 筋斗雲接口編程 / 常用操作(一)

獲取參數 函數mparam用來取必傳參數(m表示mandatory),參數既可以用URL參數,也可以用POST參數傳遞。如果是取一個可選參數,可以用param函數。 與直接用php的$_GET等變量相比,param/mparam

原创 筋斗雲接口編程 / 對象型接口(四)

定製可訪問數據 除了限制用戶可以訪問哪些表和字段,還常會遇到一類需求是限制用戶只能訪問自己的數據。 [任務] 用戶登錄後,可以添加訂單、查看自己的訂單。 我們在設計文檔中設計接口如下: 添加訂單 Ordr.add()(amoun

原创 變臉式應用 / 分頁列表框架

分頁列表框架 本章介紹很常用的分頁列表,詳情可查閱官方參考文檔中的”initPageList”函數介紹。 顯示單個列表 當列表預期可能很長時,一般應支持分頁。分頁列表在手機上的典型展現方式是支持上拉加載和下拉刷新。 [任務] 創

原创 變臉式應用 / 分頁列表框架(三)

顯示多個列表 本節學習導航欄加多個列表這一常見模式。 [任務] 在示例應用時,訂單列表頁便按照訂單狀態,分成“待服務”和“已完成”兩欄,分別對應一個列表。 我們將練習頁面orders2也改造成支持分欄的樣式。 首先,我們熟悉下後

原创 變臉式應用 / 分頁列表框架(二)

使用DOM模板創建組件 [任務] 上節練習中,函數onAddItem裏,直接使用了拼接html的方式動態創建列表項,當組件複雜時可讀性和可維護性很差。 我們將使用示例應用自帶的weui樣式庫美化列表項,並用DOM模板的方法重寫創

原创 變臉式應用 / 製作原生APP(二)

殼版本管理 請牢牢記住,由於原生殼與H5應用的分離,用戶安裝的用戶殼可能是舊版本的,而線上的H5應用永遠是最新版本。 假如在原生殼中新增加了插件,應增加殼版本號。 操作上也可將殼版本等同於原生應用的版本代碼(安卓叫App Ver

原创 變臉式應用 / 創建多個H5應用

創建多個H5應用 [任務] 在示例項目中,只有一個應用即index.html。 實際在一個H5項目中,常常需要多個應用,例如給用戶使用的手機客戶端應用、給員工使用的員工端應用等。 我們將在同一項目下再創建一個新的“員工端”應用

原创 變臉式應用 / 分頁列表框架(四)

分頁列表的接口適配 上面學習了易用強大的分頁列表,支持分頁的後端接口使用的是筋斗雲的規範,返回列表像這樣: { list: [ {field1: "val1", field2: "val2"},

原创 變臉式應用 / 會話重用與自動登錄

自動跳轉登錄頁和會話重用 爲了避免每次打開或刷新應用都要再登錄,會話重用是實現短期免登錄進入的常用方法。 [任務] 打開H5應用時(從任意入口頁進入),如果剛剛登錄過,則可以免登錄直接打開入口頁。 如果尚未登錄過,則跳轉至登錄

原创 變臉式應用 / H5應用發佈上線

H5應用發佈上線 上一章介紹了H5應用的編譯優化,生成了發佈目錄,配置好WEB服務器後,將發佈目錄上傳到服務器即可完成發佈。 爲了H5應用程序升級後客戶能及時更新,建議將H5應用的主html文件及邏輯頁面文件夾下html/js文件

原创 變臉式應用 - 常用組件(二)

簡單對話框 框架提供的app_alert用於顯示簡單的提示框,類似alert/confirm/prompt這些函數, 只不過app_alert是異步的(調用後立即返回,需要通過回調函數來執行之後的操作),且可以定製顯示樣式。 在

原创 筋斗雲接口編程 / 函數型接口

如果不是典型的對象增刪改查操作,可以設計函數型接口,比如登錄、修改密碼、上傳文件這些。 函數型接口一般實現在文件 php/api_functions.php 中,它被主文件api.php包含。 假設有以下接口定義: 獲取登錄信息