本文主要介紹簡單的前台界面與數據庫連接，並展示其內容
連接數據庫，配置數據源
1、創建數據庫：
點擊根目錄下的啟動MySQL管理工具
打開會話管理器，點擊打開進去主界面
右擊x5選擇創建新的-->數據庫
2、在studio中連接數據庫
點擊工具欄中的窗口 ——>首選項——>Studio配置——>數據源
點擊增加，選擇數據庫類型，並添加相應信息，例如：
默認密碼為x5，之后點擊測試連接，提示連接成功之后，點擊確定，關閉彈窗
這個時候數據庫已經加進來了，但是進去數據庫的界面查看，並沒有新加的mytest數據庫，是因為我們還沒有配置。
打開Baas下的db.config.m文件
將mytest勾選上，並保存關閉
此時切換到數據庫界面，右擊數據源刷新，會看到新增的mytest數據庫出現了
此時可以雙擊mytest數據庫對其進行編輯，添加表及數據等
新增服務與前台界面對接
1、在Baas下新建文件夾，在文件夾中新建服務，例如：
點擊新建數據表Action，選擇相應數據庫與表
點擊確定，新增Action。這里包含了兩個Action，一個為查詢一個為保存。如果只需要展示數據，可以不勾選saveAction
2、前台頁面顯示數據：
在界面model中添加baasData數據組件，並選擇該組件的tableName，在彈窗中選擇自己新增的action點擊確定
在內容區域，添加展示數據的組件，並綁定其data屬性
下面就是顯示其具體數據：我的數據庫中是一個user表，其中包含id，name,age。這里我只用一個span做展示，其他的可以自己發揮
添加span組件，並綁定其bind-text屬性，在彈窗中選擇需要顯示的屬性，這里我選擇name。雙擊name，下面的文本域會出現相應的代碼。注意：如果是$model.baasData1.val("name")，列表就會只循環數據庫的第一條數據。這里應該是 $object.val("name")
到這里與數據庫的初級連接已經實現。
3、最后在瀏覽器中查看：
在根目錄中啟動MySQL數據庫，並使其保持打開狀態，
右擊Baas點擊模型編譯，
啟動Tomcat，
右擊前台界面選擇用瀏覽器運行
結果：
與數據庫中數據匹配。
至於數據的增刪改，可以在當前頁面中添加button組件，或者對其他組件綁定事件，在事件中對數據庫中數據進行編輯。
如果需要對數據進行過濾顯示，可以在數據組件的onBeforeRefresh事件中調用數據組件的 setFilter 方法：
this.comp("baasData1").setFilter("f1", "id= 1");
如圖：
排序：this.comp("baasData1").setOrderBy("name", "asc");
自定義服務：
在之前Baas新建的文件夾下新建java文件
注意：java文件的名稱要與服務文件名稱一樣，且首字母要大寫
新建的java文件
在Zhyell中寫 baasjava 按alt+/組合鍵，補全代碼
鼠標放在JSONObject上，按ctrl+shift+o組合鍵 補全引用
此時可以自定義自己的方法：
其中代碼的意思為：在控制台輸出一串減號，接收前台傳過來的abc參數並在控制台輸出，往前台傳一個值1000
方法創建完成后需要在服務中新建action與方法連接：
填寫名稱及需要調用的方法。注意第三個紅框，第一個zhyell是文件夾的名稱，第二個Zhyell是java文件的名稱，第三個userlogin為java文件中的方法名，填寫完成后保存。即可像之前前台界面調用后台action一樣使用當前action。這里不在重復