WeX5是跨段移動開發框架,將H5的標簽封裝成組件,實現可視化、組件化快速開發。實現一次開發,多端(iOS、安卓和微信)運行。WeX5的IDE基於Eclipse,提供了一個完全可視化、組件化、拖拽式開發環境。開發工具為Studio,包含倆個視圖(模型資源、數據庫),其中在模型資源中有三個目錄,Bass、UI2和Native。Bass是后端服務模型,UI2是前端頁面模型,Native是生成的App。
訪問數據庫表分為倆個部分進行配置:分別為后端服務模型Baas,前端頁面模型UI2,下面分別介紹配置步驟。
- 后端服務模型Bass
1、配置數據源
首先運行mysql數據庫以及mysql數據庫管理工具,在mysql數據庫管理工具中新建數據庫。如下圖所示。
建好數據庫資源之后,回到開發工具studio中開始進行配置,開始配置數據源。打開窗口→首選項→studio配置→數據源,新增數據源。如下圖所示。
切換到數據庫視圖界面,在在此上面新建一張表,並添加數據。刷新數據源,會看到新建的數據庫,雙擊此數據源,在其下的新建數據庫上,右擊開始新建表,如下圖所示
新建表后,在數據庫中將出現新建的表,雙擊進入編輯界面,添加數據,如下圖所示。
最后一步,Baas配置文件中勾選數據源,如下圖所示,至此配置數據源結束。
2.新建Baas服務
在Baas文件目錄上右擊,新建文件夾,在新建的文件上右擊,新建服務。如下圖所示。
3.新建action
在新建服務上,選擇新建數據表action,如下圖所示。
4.模型 編譯
在Baas目錄上右鍵,點擊模型 編譯
5.啟動tomcat
至此后端部分完成。
- 前端頁面
1.新建w文件,拖進baasdata組件到model,將Baas端配置的表格綁定。如下圖所示。
拖入list組件,進行數據綁定,可在前端實現觀看數據。