Container容器控制項的使用、Hbox與Vbox布局管理器的使用、以及AjaxAction前後台事件響應、瀏覽器debug

標籤：style   http   java   使用   os   檔案   io   re   

1.由於有前後台互動功能，需要在Spring上下文中註冊一個用於提供服務的bean，對於這個bean使用Spring提供的@Component標註，如果
需要使用@Component註解，需要在項目中WebContent->WEB-INF->dorado-home目錄下的app-context.xml檔案中增加一個配置，配置如
下：
<context:component-scan base-package="com.bstek.dorado.sample"/>

2.Container是一個容器控制項，作為容器型的控制項，我們可以在內部加入多個子控制項。控制項之間的布局關係由Container本身的Layout特
性決定。

3.AjaxAaction控制項的service屬性中設定的值，我們稱之為服務定位運算式，在Dorado7中服務定位運算式是用來描述服務的尋找方式，
即Dorado7通過服務定位運算式來尋找到具體服務,以便於對服務進行調用。

[email protected]標記是Dorado7專門提供的標註，用於定義可暴露服務，根據這個規則Dorado7會將這個方法自動註冊在
ExposedServiceManager中，其中服務名為：systemInfoService，服務運算式
為:systemInfoService#getSystemInfo。服務名就是SystemInfoService.java在BeanFactory中註冊的bean的id,annotation機制會
自動將Ajax的S自動轉換為小寫字母。

5.通常在項目中我們對js指令碼進行調試有以下2種方式：
alert調試法
首先是最原始也是最簡單的使用alert，在頁面中需要輸出需要的變數的地方加上alert函數，將變數彈出顯示：
alert方式雖然簡單，但是調試繁瑣，假如需要監視的變數過多的話，會彈出大量的彈出框，使用者體驗相當不好。目前alert調試方式我們不推薦使用
。
瀏覽器調試工具法
其次是使用瀏覽器的調試工具，Chrome，IE以及FireFox都內建瀏覽器調試工具，特別是FireFox還有調試外掛程式FireBug，下面以Chrome瀏覽器
的調試工具為例對js進行調試。
開啟Chrome瀏覽器，在瀏覽器中輸入：http://localhost:8080/standardlesson/com.bstek.dorado.sample.standardlesson.junior.system
.SystemInfo.d
在頁面載入完成後，使用【F12】快速鍵開啟Chrome調試工具，
切換到【Sources】頁，在130行用【滑鼠左鍵】打上斷點，然後點擊頁面中的【擷取系統資訊】按鈕後，頁面執行到斷點處暫停
我們可以選擇使用快速鍵【F8】繼續js代碼執行或者跳到下一個斷點處，也可以使用快速鍵【F10】逐過程，即跳過該語句中的方法、運算式等，
快速鍵【F11】逐語句調試，即單步調試，會跳入方法、運算式，進行逐語句的跟蹤調試。除了快速鍵我們也可以使用中的按鈕。
點擊【F10】，執行下一句js代碼，滑鼠雙擊選中info並懸停片刻，可以看到info中包含的變數
我們可以看到res中包含3個變數，如果需要添加監視，點擊滑鼠右鍵在快顯功能表中選擇【Add to Watch】，添加監視
在右側的【Watch Expressions】監視區中可以監控res中的變數：
此調試方法功能強大且方便快捷，但是需要對View視圖輸出到頁面的源碼比較熟悉，畢竟找到具體的js並打上斷點還是需要花費一番功夫。
（強烈推薦）Debugger關鍵字調試法
接下來給大家介紹一種調試方法，方便快捷，不需要在View輸出的頁面中尋找需要調試的js，這個也是我們強烈推薦大家的調試方式。
我們在需要調試的js中加入debugger關鍵字
開啟Chrome頁面載入頁面並使用【F12】快速鍵開啟調試工具後，點擊頁面中的【擷取系統資訊】按鈕，我們發現斷點自動停止在debugger關
鍵字處：
接下來調試跟方法二一致，我們發現此方法的好處在於不用在頁面上打斷點，且更加方便快捷。

6.本章節知識點主要有Container容器控制項的使用、Hbox與Vbox布局管理器的使用、以及AjaxAction前後台事件響應。