第一個HelloWorld頁面

頁面效果預覽： 頁面功能非常簡單:頁面上顯示一個按鈕,單擊這個按鈕出現(xiàn)一個"HelloWorld!"的信息提示框 下面我們來實做這個頁面,為了減低難度，我們直接在dorado上面準備工作中完成的sample-center中完成這個HelloWorld的開發(fā)。 首先我們在src中新建一個package:com.bstek.dorado.sample.training,如下圖: 之后單擊training的右鍵,創(chuàng)建一個新的View文件:

界面如下顯示：

直接點擊下一步“Next” 將文件名命名為HelloWorld.view.xml： ![] 得到如下視圖: 選擇View節(jié)點,并在Dorado ToolBox中輸入Button(或直接在General中找到Button控件): 雙擊Dorado ToolBox中的Button控件，IDE會自動將Button控件添加到View節(jié)點下： 選擇View節(jié)點下的Button控件,在右側的Properties面板中設置其屬性： 屬性 值 說明 caption Greeting from Dorado ... 控件顯示名稱 接下來在屬性編輯器區(qū)域選擇下圖中的ClientEvents標簽按鈕，切換Button屬性編輯器到事件編輯器上 找到其中的onClick事件，并雙擊onClick打開View視圖編輯區(qū)的Events視圖，并在其中寫入JavaScript代碼：

dorado.MessageBox.alert("Hello World!");

保存當前視圖，并先啟動當前的tomcat(如果未啟動的話):

服務啟動成功后,通過如下的URL訪問新建的HelloWorld頁面.http://localhost:8080/sample-center/com.bstek.dorado.sample.training.HelloWorld.d 得到如下視圖: 這樣我們就完成了HelloWorld的開發(fā)。