頁面效果預(yù)覽： 頁面功能非常簡單:頁面上顯示一個按鈕,單擊這個按鈕出現(xiàn)一個"HelloWorld!"的信息提示框 下面我們來實做這個頁面,為了減低難度，我們直接在dorado上面準(zhǔn)備工作中完成的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控件,在右側(cè)的Properties面板中設(shè)置其屬性： 屬性 值 說明 caption Greeting from Dorado ... 控件顯示名稱 接下來在屬性編輯器區(qū)域選擇下圖中的ClientEvents標(biāo)簽按鈕，切換Button屬性編輯器到事件編輯器上 找到其中的onClick事件，并雙擊onClick打開View視圖編輯區(qū)的Events視圖，并在其中寫入JavaScript代碼：

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

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

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