网络时代的快速发展和社会经济的日新月异,形式多样和内容丰富的Web服务不仅是Internet世界里的主体,而且是社会个体对外宣传和交流的载体,特别是面对当今社会信息多元化的时代和“云”时代的到来,Web服务更是一种具有影响力的完备的快捷简便的海量信息容器。信息多元化带来了服务的多样化,进而Web站点的个性化服务设计与开发成为当今研究的重点。然而,传统的Web页面设计与开发一般都由专业设计和开发人员来实现,其结果无法满足不同用户的个性化设计,因此,研究一种具有高效的个性化可视化Web页面设计工具就具有极其重要的意义和价值。本文简要介绍了常用的Web设计工具及技术,详细阐述了EXTJS技术的发展和应用及其在可视化Web设计工具的研究和开发中的作用,在此基础上,提出了可视化Web页面设计工具的设计思想以及开发过程。本文具有以下的主要研究成果:1.基于Web的网页设计。该设计方法是一种基于Internet浏览器和B/S架构的Web页面开发环境,即将浏览器做为开发环境,用户可以直接在Web浏览器中进行页面设计。2.Web页面的模块化设计。该思想简化了用户对网站的设计,用户只需在页面相关位置或相关模块用鼠标点击相应的工具事件和方法,就可以对该模块进行修改和设计。单模块多功能是该工具的优点,即对于同一模块,用户只需作局部的修改,就可产生丰富多样的模块,进而达到了同一资源多种功能的效果。更为重要的是,利用EXTJS技术提示功能,对内容和操作进行提示,有利于用户特别是非网页设计人员对页面或模块设计的理解,进而有助于页面的整体设计,实现用户的个性化设计。3.Web页面设计工具开发过程的对象化。充分利用EXTJS技术的优势,对工具的开发实现模块类的封装、继承、重载等面向对象的程序设计,在一定程序上摆脱了以往可视化网页开发工具对JavaScript语言不具有封装的缺陷。开发过程对象化不仅简化了JavaScript在页面设计中的有效运用,还提高了程序设计的效率,更为重要的是大大缩短了用户请求Web页面的反应时间。基于对象化设计辅助工具模块开发的模块化设计。4.数据缓存机制的研究与设计。提出一种具有数据缓存作用的Web页面开发工具,通过EXTJS技术,利用后台多个线程来向服务器发出请求,充分利用当前网络带宽的闲置时间,使尚未浏览的数据在后台线程中下载并缓存在客户端中,以便用户在客户端直接读取,修改等操作,使其将缓存技术集成到Web设计工具模块中。其结果不仅加快了数据的反应时间,减轻服务器的操作负担,而且使得利用该Web工具模块设计的Web页面都具有数据缓存的属性。