【WeX5學習】 後端服務之訪問數據庫表

   WeX5是跨段移動開發框架，將H5的標籤封裝成組件，實現可視化、組件化快速開發。實現一次開發，多端（iOS、安卓和微信）運行。WeX5的IDE基於Eclipse，提供了一個徹底可視化、組件化、拖拽式開發環境。開發工具爲Studio，包含倆個視圖（模型資源、數據庫），其中在模型資源中有三個目錄，Bass、UI2和Native。Bass是後端服務模型，UI2是前端頁面模型，Native是生成的App。

 訪問數據庫表分爲倆個部分進行配置：分別爲後端服務模型Baas，前端頁面模型UI2，下面分別介紹配置步驟。

• 後端服務模型Bass

      一、配置數據源

      首先運行mysql數據庫以及mysql數據庫管理工具，在mysql數據庫管理工具中新建數據庫。以下圖所示。

     建好數據庫資源以後，回到開發工具studio中開始進行配置，開始配置數據源。打開窗口→首選項→studio配置→數據源，新增數據源。以下圖所示。

    切換到數據庫視圖界面，在在此上面新建一張表，並添加數據。刷新數據源，會看到新建的數據庫，雙擊此數據源，在其下的新建數據庫上，右擊開始新建表，以下圖所示

 

　　新建表後，在數據庫中將出現新建的表，雙擊進入編輯界面，添加數據，以下圖所示。

 

  最後一步，Baas配置文件中勾選數據源，以下圖所示，至此配置數據源結束。

 

　　2.新建Baas服務

      在Baas文件目錄上右擊，新建文件夾，在新建的文件上右擊，新建服務。以下圖所示。

 

　　3.新建action

       在新建服務上，選擇新建數據表action，以下圖所示。

　　4.模型 編譯

        在Baas目錄上右鍵，點擊模型 編譯

　　5.啓動tomcat

       至此後端部分完成。

• 前端頁面

       1.新建w文件，拖進baasdata組件到model，將Baas端配置的表格綁定。以下圖所示。

 

拖入list組件，進行數據綁定，可在前端實現觀看數據。