第一個(gè)HelloWorld頁(yè)面

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

界面如下顯示：

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

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

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

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