浪潮通信信息系统有限公司是一家专门为信息与通信网络业务提供运营管理和支撑服务的公司。该公司的主要产品是性能管理平台,用于管理通信网络中的对象,并根据这些对象的属性,监控通信网络的运行情况,对网络异常及时提出告警。该平台目前已经在印度尼西亚、巴基斯坦、沙特阿拉伯等国家上线运行,并且还在继续向其他国家推广。在推广的过程中,平台都需要根据新客户的要求进行修改。因为通信网络涉及的业务已经比较成熟,所以客户提出的修改意见,往往都是针对页面的。这些针对页面的修改意见主要有两类：一类是要求修改页面静态文本,包括修改语言、语法、文本格式等；另一类是要求增强系统访问的友好度,为客户提供更好的交互性。性能管理平台是B／S架构的系统,其前台Web界面是使用HTML和JavaScript开发的JSP页面。该平台在修改和扩展过程中,经常遇到两个问题：1.静态文本是直接写在JSP页面上的,分散在整个系统的每一个页面上,修改时容易遗漏,而且每次都要修改页面源代码,哪怕修改一个单词也要重新发布一次系统；2.HTML功能简单,要想增加复杂的功能,需要在系统中添加大量的JavaScript代码,代码的正确性和稳定性不能得到保证,而且代码的风格也不统一,以后的维护会变得比较困难。再者HTML语法也不严格,容易引起页面HTML代码层次的混乱。本课题的最终目的,就是开发一个页面展现框架,解决性能管理平台维护和扩展过程中出现的这两个问题。本文首先提出解决上述两个问题的基本思路。对于第一个问题,可以借鉴其他框架和开发平台实现软件国际化和本地化的技术,将静态文本从JSP页面中分离出来,存储到配置文件里。这样做有三个好处,一是让静态文本集中,二是可以重用静态文本,三是修改页面的静态文本时页面源代码可以不发生变化。要解决第二个问题,可以使用比较成熟的JavaScript库来开发页面。JavaScript库能以较少的代码实现很多复杂功能,并且它们都不需要对HTML底层对象进行操作。因此,页面展现框架需要在页面开发人员和JSP页面之间添加一个额外的层次,开发人员在这个层次上编写页面内容,然后框架提供解析程序将该层次的内容转换为JavaScript库实现的JSP页面。采用这样的开发结构,可以在新增加的层次上放置静态文本的对应“占位符”,在新层次向JSP页面转换过程中将“占位符”替换为真正的静态文本。如果新增加的层次使用语法严格的语言编写,也可以避免出现HTML标签嵌套混乱的情况。经过分析,页面展现框架以XML作为新增加层次的开发语言,选用功能强大的ExtJS实现页面。接下来,本文在分析性能管理平台页面的基础上,对静态文本的配置文件及其读取程序、对扩展和封装ExtJS的方案以及对XML的解析程序分别进行了详细设计。然后根据这些详细设计,通过为ExtJS扩展多选列表组件和居中布局方式,并对ExtJS进行封装,实现了页面展现框架,并将此框架应用到了最新版本的性能管理平台开发中。使用页面展现框架后,无论是页面开发还是页面维护,所需要的时间和人力都不同程度的降低,开发和维护的周期缩短,人力投入减少,节约的人力和时间可以用于开发其他项目。因为时间和经验的约束,该框架还存在一些问题,但是经过两个项目的试用,该框架不断被完善。在框架稳定之后,Web系统开发和维护会变得更加简单。