基于XML文件编辑器设计与实现.docVIP

基于XML文件编辑器设计与实现 　　 【摘 要】网络时代的快速发展和社会经济的日新月异,形式多样和内容丰富的Web服务不仅是Internt主体,而且是社会个体对外宣传和交流的载体,特别是面对当今社会信息多元化的时代和“云”时代的到来,Web服务更是一种具有影（略）快捷简便的海量信息容器.信息多元化带来了服务的多样化,进而Web站点的个性化服务设计与开发成为当今研究的重点.然而,传统的Web页面设计与开发一般都由专业设计和开发人员来实现,其结果无法满足不同用户的个性化设计。本文详细阐述了EXTJS技术的发展和应用,基于该方法给出了Web XML编辑器的实现。 　　 【关键词】XML文件编辑器；编辑器的设计与实现 　　 1.ExtJS技术 　　ExtJS 的前身为YUI（Yahoo! User Interface Library） ，是一套稳定而强大的界面开发套件，2006 年由雅虎公司以免税的方式推出，是一种主要用于创建前端用户界面，一个基本与后台技术无关的前端ajax框架。功能丰富，无人能出其右。无论是界面之美，还是功能之强，ext的表格控件都高居榜首。单选行，多选行，高亮显示选中的行，推拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。再加上可编辑grid，添加新行，删除一或多行，提示多行数据，推拽改变grid大小，grid之间拖拽一或多行，甚至可以在tree和grid之间进行拖拽，啊，这些功能实在太神奇了。更令人惊叹的是，这些功能竟然都在ext表格控件里实现了。 其实从ext3开始就支持各种方式的统计，且有控件支持excel导出。ExtJS 具有良好的多浏览器兼容性，响应速度快，面向对象可扩展性高，支持多服务器平台等特点。 　　 2.Web XML 编辑器的设计方法 　　2.1 Web XML 编辑器结构设计 　　Web XML 编辑器的架构遵循J2EE 层次化和组件化的设计方法，从上到下可分为视图层（View）、控制层（Controller）、业务逻辑层（Service）、数据访问对象层（DAO）和数据服务层5 个层次： 　　（1）Web视图层作为Web应用系统和用户的交互接口,是Web应用系统的重要组成部分。但是在系统规模不断膨胀,新需求不断增加的情况下,视图层变得越来越复杂。另外用户要求视图层能够对相同的数据提供多种表现形式,而传统的视图层模型只支持单一的HTML表现形式。可见传统的视图层建模工具已经不能适应不断变化和发展的需求。为了解决这些问题,本文在J2EE软件开发平台基础上,设计了一种基于XML技术和MVC设计模式的视图层XML渲染引擎。 该XML渲染引擎充分利用XML技术灵活开放的优点,通过系统提供的一系列通用标签,作为视图层页面的基本构建单元,同时还支持用户自定义和扩展新标签,以满足系统特定的需求,这最大限度的做到了代码的重复使用。XML页面具有良好的结构和很好的可读性,这使得视图层具有了很高的可扩展和可维护性,能够满足不断增加和变化的需求。（2）控制层该层负责处理视图层和业务逻辑层的交互，根据客户端请求调用处理相应的业务逻辑组件，并返回视图层显示结果。（3）业务逻辑层该层用JavaBeans 实现，处理业务逻辑并调用相关的DAO 组件处理业务数据，为系统提供更好的灵活性和健壮性。（4）数据访问层该层实现对数据库的访问和操作，包括记录增、删、改和存储过程执行等。（5）数据服务层该层使用数据库管理系统提供数据服务。 　　2.2Web XML 编辑器功能模块设计 　　设计Web XML 编辑器的主要目的是为用户提供在线编辑XML 格式文件的功能，提高用户的体验性，给用户带来操作XML文件的便捷性，从而提高用户操作效率。为此Web XML编辑器的页面需要以层次结构显示该文件，并且提供添加、修改和删除节点的功能，同时也要提供拖拽节点的功能。Web XML Editor实现XML 文件的树形结构显示，首先客户端向服务器端发出编辑XML 文件的请求，然后服务器端在数据库中读取相应的XML 文件，保存成临时文件。此时，客户端根据指定路径读去该文件，并通过相关处理使其以树形结构显示在页面上。针对具体节点的添加、删除等操作，首先客户端向服务器端发出具体操作请求，然后服务器端返回相应结果，供用户进行后续操作。实现保存功能，服务器端接收到修改文件的相关信息后，根据客户端发送的具体需求，通过XPath 定位到具体节点，进行相关的修改操作，最后保存到数据库中。 　　 3.Web XML 编辑器实现 　　3.1页面表现部分：以树形结构显示XML 文件 　　针对