浪潮通信公司頁(yè)面展現(xiàn)框架的設(shè)計(jì)與實(shí)現(xiàn).pdf

1、浪潮通信信息系統(tǒng)有限公司是一家專門(mén)為信息與通信網(wǎng)絡(luò)業(yè)務(wù)提供運(yùn)營(yíng)管理和支撐服務(wù)的公司。該公司的主要產(chǎn)品是性能管理平臺(tái)，用于管理通信網(wǎng)絡(luò)中的對(duì)象，并根據(jù)這些對(duì)象的屬性，監(jiān)控通信網(wǎng)絡(luò)的運(yùn)行情況，對(duì)網(wǎng)絡(luò)異常及時(shí)提出告警。該平臺(tái)目前已經(jīng)在印度尼西亞、巴基斯坦、沙特阿拉伯等國(guó)家上線運(yùn)行，并且還在繼續(xù)向其他國(guó)家推廣。在推廣的過(guò)程中，平臺(tái)都需要根據(jù)新客戶的要求進(jìn)行修改。因?yàn)橥ㄐ啪W(wǎng)絡(luò)涉及的業(yè)務(wù)已經(jīng)比較成熟，所以客戶提出的修改意見(jiàn)，往往都是針對(duì)頁(yè)面的。這些

2、針對(duì)頁(yè)面的修改意見(jiàn)主要有兩類：一類是要求修改頁(yè)面靜態(tài)文本，包括修改語(yǔ)言、語(yǔ)法、文本格式等；另一類是要求增強(qiáng)系統(tǒng)訪問(wèn)的友好度，為客戶提供更好的交互性。
　　 性能管理平臺(tái)是B/S架構(gòu)的系統(tǒng)，其前臺(tái)Web界面是使用HTML和Java Script開(kāi)發(fā)的JSP頁(yè)面。該平臺(tái)在修改和擴(kuò)展過(guò)程中，經(jīng)常遇到兩個(gè)問(wèn)題：1.靜態(tài)文本是直接寫(xiě)在JSP頁(yè)面上的，分散在整個(gè)系統(tǒng)的每一個(gè)頁(yè)面上，修改時(shí)容易遺漏，而且每次都要修改頁(yè)面源代碼，哪怕修改一個(gè)單詞

3、也要重新發(fā)布一次系統(tǒng)；2.HTML功能簡(jiǎn)單，要想增加復(fù)雜的功能，需要在系統(tǒng)中添加大量的Java Script代碼，代碼的正確性和穩(wěn)定性不能得到保證，而且代碼的風(fēng)格也不統(tǒng)一，以后的維護(hù)會(huì)變得比較困難。再者HTML語(yǔ)法也不嚴(yán)格，容易引起頁(yè)面HTML代碼層次的混亂。本課題的最終目的，就是開(kāi)發(fā)一個(gè)頁(yè)面展現(xiàn)框架，解決性能管理平臺(tái)維護(hù)和擴(kuò)展過(guò)程中出現(xiàn)的這兩個(gè)問(wèn)題。
　　 本文首先提出解決上述兩個(gè)問(wèn)題的基本思路。對(duì)于第一個(gè)問(wèn)題，可以借鑒其他框

4、架和開(kāi)發(fā)平臺(tái)實(shí)現(xiàn)軟件國(guó)際化和本地化的技術(shù)，將靜態(tài)文本從JSP頁(yè)面中分離出來(lái)，存儲(chǔ)到配置文件里。這樣做有三個(gè)好處，一是讓靜態(tài)文本集中，二是可以重用靜態(tài)文本，三是修改頁(yè)面的靜態(tài)文本時(shí)頁(yè)面源代碼可以不發(fā)生變化。要解決第二個(gè)問(wèn)題，可以使用比較成熟的Java Script庫(kù)來(lái)開(kāi)發(fā)頁(yè)面。Java Script庫(kù)能以較少的代碼實(shí)現(xiàn)很多復(fù)雜功能，并且它們都不需要對(duì)HTML底層對(duì)象進(jìn)行操作。
　　 因此，頁(yè)面展現(xiàn)框架需要在頁(yè)面開(kāi)發(fā)人員和JSP頁(yè)面

5、之間添加一個(gè)額外的層次，開(kāi)發(fā)人員在這個(gè)層次上編寫(xiě)頁(yè)面內(nèi)容，然后框架提供解析程序?qū)⒃搶哟蔚膬?nèi)容轉(zhuǎn)換為Java Script庫(kù)實(shí)現(xiàn)的JSP頁(yè)面。采用這樣的開(kāi)發(fā)結(jié)構(gòu)，可以在新增加的層次上放置靜態(tài)文本的對(duì)應(yīng)“占位符”，在新層次向JSP頁(yè)面轉(zhuǎn)換過(guò)程中將“占位符”替換為真正的靜態(tài)文本。如果新增加的層次使用語(yǔ)法嚴(yán)格的語(yǔ)言編寫(xiě)，也可以避免出現(xiàn)HTML標(biāo)簽嵌套混亂的情況。經(jīng)過(guò)分析，頁(yè)面展現(xiàn)框架以XML作為新增加層次的開(kāi)發(fā)語(yǔ)言，選用功能強(qiáng)大的ExtJS實(shí)現(xiàn)

6、頁(yè)面。
　　 接下來(lái)，本文在分析性能管理平臺(tái)頁(yè)面的基礎(chǔ)上，對(duì)靜態(tài)文本的配置文件及其讀取程序、對(duì)擴(kuò)展和封裝ExtJS的方案以及對(duì)XML的解析程序分別進(jìn)行了詳細(xì)設(shè)計(jì)。然后根據(jù)這些詳細(xì)設(shè)計(jì)，通過(guò)為ExtJS擴(kuò)展多選列表組件和居中布局方式，并對(duì)ExtJS進(jìn)行封裝，實(shí)現(xiàn)了頁(yè)面展現(xiàn)框架，并將此框架應(yīng)用到了最新版本的性能管理平臺(tái)開(kāi)發(fā)中。
　　 使用頁(yè)面展現(xiàn)框架后，無(wú)論是頁(yè)面開(kāi)發(fā)還是頁(yè)面維護(hù)，所需要的時(shí)間和人力都不同程度的降低，開(kāi)發(fā)和維