跟我學(xué)DWR框架技術(shù)-如何應(yīng)用MyEclipse開發(fā)工具開發(fā)實現(xiàn)基于DWR框架的Web應(yīng)用示例（第二部分）

1、跟我學(xué)DWR框架技術(shù)如何應(yīng)用MyEclipse開發(fā)工具開發(fā)實現(xiàn)基于DWR框架的Web應(yīng)用示例（第二部分）對本示例項目進(jìn)行在線測試1、輸入:8080/sshwebcrm/dwr/index.html后，將進(jìn)入DWR的在線測試頁面能夠看到我們前面的java.util.Date的本地化的結(jié)果的*.js文件。2、點擊上面的JDate的鏈接將出現(xiàn)下面的狀態(tài)其中的javascriptDate.js是動態(tài)生成的。3、點擊上面的javascriptDate.js的鏈接將可以看到動態(tài)生成的javascriptDate.js內(nèi)容4、可以在線測試項目開發(fā)示例構(gòu)建出客戶端頁面1、在項目中添加一個JSP頁面（1）該頁面

2、為showTime.jsp（2）注意頁面設(shè)計的一些規(guī)則對于JSP頁面都需要在頁面的最開始部分增加以下語句對于HTML頁面都需要在頁面的最開始部分增加以下語句 （3）注意表單中的各個成員控件的命名規(guī)則頁面編碼過程中用到的所有控件命名都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用控件類型縮寫前綴（小寫）+英文單詞（第一個字母大寫）的方法來命名每一個控件。具體規(guī)則推薦如下：控件類型前綴ButtonbtnFormfrmSelectselTextAreatxtInputiptImageimgDIVdiv2、修改前面的showTime.jsp能夠?qū)ξ覀兊膉ava.util.Date進(jìn)行訪問（1）在頁面中引入我

3、們的JDate.js和DWR其它的*.js文件的方法在上面的提示中告訴我們，為了能夠在頁面中使用我們的java.util.Date類，應(yīng)該包含的JavaScript的引用要求： 當(dāng)然，還需要添加下面的內(nèi)容 （2）注意：在*.jsp頁面中可以利用JSTL進(jìn)行包裝。script type=text/javascript src= script type=text/javascript src=script type=text/javascript src=（3）修改前面的showTime.jsp頁面對java.util.Date進(jìn)行訪問index function showTime() JDate

4、.toString(callBackFun1);callBackFun1 = function(toStringReturnTimeString) alert(當(dāng)前的服務(wù)器端的時間為：+toStringReturnTimeString);/*document.getElementById(showTimeResult).innerHTML =toStringReturnTimeString;*/ 點擊我可以獲得當(dāng)前服務(wù)器端的時間 3、再執(zhí)行本W(wǎng)eb應(yīng)用（1）在瀏覽器的URL地址欄中輸入如下的測試頁面地址信息:8080/sshwebcrm/showTime.jsp，可以直接在頁面中顯示輸出。（2

5、）點擊上面的超鏈接，將出現(xiàn)下面的提示（3）同時，在狀態(tài)臺的面板中出現(xiàn)下面的狀態(tài)提示3、顯示地公開聲明java.util.Date類中的方法（1）默認(rèn)時是將類中的所有的public方法都發(fā)布也就是允許在客戶端被訪問（2）可以只發(fā)布部分方法只需要將dwr.xml中的配置內(nèi)容改變?yōu)橄旅娴膬?nèi)容 注意：也可以應(yīng)用適配器模式進(jìn)行接口的轉(zhuǎn)換。（3）再啟動:8080/sshwebcrm/dwr/test/javascriptDate后，將看到下面的內(nèi)容而對于被屏蔽的方法，將不可以調(diào)用（紅色標(biāo)示的方法）。除了toString()以外的其它的方法都被屏蔽掉了對客戶端來說，將成為不可見的方法，這樣可以提高我們Jav

6、aBean類中的方法的安全性。4、將頁面中的JavaScript腳本放到一個外部文件中分離“腳本”和“標(biāo)簽”（1）添加外部*.js文件（dwrDemoJavaScript.js）在如下示圖中輸入文件名稱（2）設(shè)計該dwrDemoJavaScript.js的內(nèi)容function showTime() JDate.toString(callBackFun);callBackFun = function(toStringReturnTimeString) alert(當(dāng)前的時間是：+toStringReturnTimeString);/*document.getElementById(showTimeResult).innerHTML =toStringReturnTimeString;*/$(showTimeResult).innerHTML =toStringReturnTimeString;（3）修改前面的showTime.jsp頁面為下面的內(nèi)容引用dwrDemoJavaScript.js文件 （5）再執(zhí)行本項目（輸入 HYPERLINK :8080/webcrm/dwrdem