一种基于Ajax 的动态树型结构的设计与实现.doc

文库下载 免费文档下载/本文档下载自文库下载网，内容可能不完整，您可以点击以下网址继续阅读或下载：/doc/c72c2542a8956bec0975e3d3.html一种基于Ajax的动态树型结构的设计与实现学术论文中国控制与决策学术年会论文集一种基于的动态树型结构的设计与实现李楠，马世龙（北京航空航天大学计算机科学与技术学院，北京）摘要：简要介绍一种通用的动态树型结构的实现该方法使用用户界面组移（）技术，实现了结构清晰、扩展性良好的多层框架使用数据库存储数据，文件描述树型节点信息，提高了代码的可复甩性关键词：）用户界面组；模式；树型结构，（，：，：）：，（/doc/c72c2542a8956bec0975e3d3.html），。：；引言一词最早是在年由首次提出的它是异步和的缩写，是一种用来建造交互式程序的技术它主要使用到以下几种技术：（）对象是一个对象通过该对象，可与服务器只进行数据层面的交换而不用每次刷新界面，也不用每次数据处理都由服务器来做，减轻了服务器的负担（）树型结构是一种应用非常广泛的数据结构在计算领域中，文件系统中的文件管理结构，数据库中的索引等也都是采用树型结构实现的随着技术的不断发展，树型结构在模式中的应用也越来越广泛目前，在互联网上广泛存在且普遍应用的树型结构一般分为两种：静态树型结构及动态树型结构静态树型结构最多，实现简单容易，但不能支持树型节点的动态添加修改，无法体现树型节点的动态信息变化同时，要实现复杂的动态树型结构，虽然可以实时动态添加、修改、删除树型结构，但这同时也需要浏览器不停刷新页面，用户体验大大降低本文基于（是一种客户端的教本语言现/doc/c72c2542a8956bec0975e3d3.html在可通过操作对象和数据库打交道（）（髓）是提供给）及用户界面库，提出一种全新的、通用的、动态加载树型节点的解决方案支持无刷新的增加、删除、修改节点信息，大大提高了与用户问的交互性和使用的一组，提供了文件的表述结构，并可利用它改变其中的内容脚本语言通过才可以和页面进行交互，如就代表页面本身技术简介作者简介：李檎（一），女，广州人，硕士生，从事海量数据计算、研究中国控制与决策学术年会论文集（）通过可规范地定义结构化数据，是网上传输数据和文档符合统一的标准通过技术和对象把用户的页面和服务器连接到一起用户通过页面输入的数据并不直接发送到服务器，而是先发送到，然后再发送到服务器在这一过程中，页面不会闪烁、消失或出现延迟代码（乃至用户）不用等待服务器的响应，因而用户可以继续输入数据、浏览，或继续使用其他功能然后，服务器将数据返回代码，后者决定如何处理这些数据它可以迅速更新表单数据，让人感觉应用程序是立即完成的，表单没有提交或刷新而用户却得到了新数据团圈匝瑟选掣提交请求页面空清空页面白时间曼送数据呈现用户渲染页面回圈图传统的结构服务器用户操作，。页面正发送请求常运行，返回给脚本没有页语言处理返回数据://doc/c72c2542a8956bec0975e3d3.htmlr面重绘发生呈现用户、修改页面圈结构动态树型结构的设计与实现用户界面库模块概述模块实现了一套结构上类似于中的函数库，通过这套函数库，程序员可方便地在页面上刨建一颗树，并向树中添加、删除节点也可以控制树的展开、收拢，控制节点的行为，设置树上节点的链接，定义节点的样式等包含的主要类是（即树本身）以及（即树的节点类型）这两种类型构成了一棵树的基本要素：树和树叶类是一个辅助类，用来实现在树的展开收敛过程中需要的一些动画效果此外，还可以发现节点有个子类，它们分别是：），即这种节点类型可以定义用户自己的呈现标签；），这种节点类型只能被用在一个的根节点处；），这是最常用的一种节点类型，该类型可定义节点显示的文字、图片、链接等常用信；），这是的子类，它将树型结构转换成一种竖放的菜单结构模块的一个重要特性，就是它支持一种动态载入模式当某个节点处在动态载入模式时，它拥有展开、收起和正在载人种状态这就为树型结构需要动态地从后台读取数据的要求提供了很好的支持提供了很多方法对树型显示提供支持如（）：收拢整棵树；（）：返回树的根节点；方法，它定义了一颗树展开子节点的模式是动态展开的等此外，类型是整个的核心部分它实现了一个节点的主要功能，如展开、收拢、查找祖先节点、查找子节点、渲染子节点、返回子节点、设定动态展开等作为一套图形界面库，良好的/doc/c72c2542a8956bec0975e3d3.html用户体验和优秀的外观是！的一个重要特点，的样式控制技术是基于样式表技术和动态技术实现的样式表可将页面上元素的样式和具体的标签分离开，将样式集中存贮在专门的文件中，通过样式的名称（）或和某个标签绑定到一起而动态技术使得页面元素的属性（如属性）可在元素已被渲染的情况下，通过脚本予以再次修改结合这两种技术，通过一系列预先定义的样式和一些控制代码达到对树节点的样式和行为的定义树形菜单的设计架构使得人们可以创建一个一直运行的同时还能与服务器通讯的网页人们希望创建的树结构菜单就有这样的要求，在树的根节点显示出来时，比较底层的节点还没有被创建，而在获取底层节点时，不希望整个页面被重绘因此树型菜单使用架构将是最合适的一个页面上的动态菜单，它需要实现渲染数据并显示、发送数据请求、接收数据请求几个动作，渲染显示数据动作又可分解成持有数据的容器和数据本身这两部分在代码分析中可以发现，和的设计充分考虑到这几个部分：充当容器的角色；是李楠等：一种基于的动态树型结构的设计与实现图调用顺序图数据的持有者；通过的动态载入子节点的机（）制与对象联系起来；数据的传（输和接收就基于的机制：（需求定义菜单包括多级结构，而每一级为获取。其子节点需要提交的查询参数都在逐级/doc/c72c2542a8956bec0975e3d3.html增多，直至为获取第集菜单项而到最多，每一级的参数都是其中每一个项定义了当前节点下每一个通过在上一级的基础上添加新的查询参数累加得到子节点的名字和它所指向资源的，的基于这样的事实，参考的设计思想，本样式，文设计了如下消息传递模型：对样式的控制基本上来源于类型的创建专门的参数类用来保存所有的参数每个方法，因此为了实现对样式表的扩充，需要节点在创建时都会被赋予一个参数类以保存与其相从派生出新的类型并且重载方法关的参数通过前面的分析知道，样式名称由部分构成，父节点在创建子节点时，都会把自身的参数信“节、位置和类型因为扩展样式的主要依据是节息的副本传递给其子节点，子节点再把自身的信息点的层次，所以把层次的数据添加到样式名称构成添加进取，然后保存起来中是一个非常直接的想法于是，样式名称由某节点在用户点击需要展现下层菜单时，页面“”、层次、位置和类型部分构成通过对象将当前节点包含的参通讯数对象实例转换成请求的参数发给服务器客户端程序在数据实体类中保存了节点及其祖从服务器获得数据，脚本程序根据数据调整页先的名字该实体在用户点击界面弹开菜单请求数面按上述做法，所有的数据和操作都是分开在不同据时，被发送到类的类中，降低了系统的耦合度，为详细设计和具体实方法中，包装出包含查现提供了便捷询参数的用于请求的这个被发树形菜单的实现妇?送到服务器，查询程序在获得结果后，将结果包装成查询请求数据返回到客户端进一步处理，数据被封/doc/c72c2542a8956bec0975e3d3.html装在数据实体类里这个类在服务器结语端和客户端都有对应的实现本文基于和用户界面库，提出一查询结果数据种全新的、通用的、动态加载树型节点的解决方案查询结果数据是从服务器端返回的，以该方案支持无刷新动态维护树型节点信息，采用数的形式存在下面是一个返回结果数据的实例：据库存储节点信息，采用文件描述节点信息，？“”“”？具有一定的通用性，使得任何按照本文预定的文档描述的信息都可通过树型结构来展现本方案已经应用于航天器自动化测试系统中（：（下转第页）中国控制与决策学术年会论文集裹时刻公布定购区域表容错性和可扩展性参考文献（）周彦，戴剑伟仿真程序设计北京：电子工业出版社，：（，节点处，然后再发送到各定购区域这样做的好处：是：，：）提高节点容错性节点失效时，可自动恢复（），/doc/c72c2542a8956bec0975e3d3.html；和维持网络中的连接在本文，由于超级节点的存在，在时刻，发送到。的数据将被发送到各订购，区域的超级节点中，再由超级节点转发给订购。数据的节点这样，若为最小时间步长，假设在，时刻，一旦负责公布数据的逻辑进：程或节点突然失效，那么除立即报错处理外，时刻：订购。数据的成员，只需向在上一级超级节点，的主机缓存中搜索接收到，数据的主机列表，就近丁：接收，即可完成数据的订购，）增强系统的可扩展性当新节点加入网格；，时，无需如传统那样先发送消息至，再由，进行区域匹配和组播组分配而仅需向邻近超/doc/c72c2542a8956bec0975e3d3.html级节点发送公布定购消息，再由超级节点搜索相应的消息以确定区域分配和组播组即可完成数据的分发和订购，因而大大降低了的负载，结语，基于超级节点的对等网络模型有效综合了以往，：的结构和结构的许多优势；它在分布式计朱晓姝，周娅，黄桂敏基于小世界层次分布式路由模型研究计算机工程，（）：算、资源共享、信息查询等方面有很大的潜力本文（，在结合了传统数据分发管理模式的基础上，提出了，一种基于对等网络的数据分发管理模型，利用超级，（）：）节点分担计算量，降低负载，增加了系统（上接第页）参考文献（）://doc/c72c2542a8956bec0975e3d3.htmlar设计模式南京：东南大中国网站：学出版社，：一（，：，），基础教程高级程序设计北京：人民邮北京：人民邮电出版社，电出版社，（，（：，）一种基于Ajax的动态树型结构的设计与实现作者：作者单位：李楠， 马世龙北京航空航天大学,计算机科学与技术学院,北京,100083 相似文献(1条/doc/c72c2542a8956bec0975e3d3.html) 1.学位论文 彭胜 基于JSF的Ajax组件开发与应用 2009针对当前Web界面普遍存在的交互能力不强和开发效率不高的问题，本文提出开发基于JSF的Ajax组件来构建Web用户界面。JSF是一个基于组件的Web界面开发框架，其核心是利用可重用、易扩展的用户界面组件来构建Web界面，这有利于提高Web界面的开发效率，而Ajax技术则致力于解决Web界面交互能力不强的问题，两种技术有机结合，能成功地解决目前Web界面开发中面临的困难。 通过深入分析JSF和Ajax各自的工作原理、工作方式及其优缺点，探讨了两者相结合的可能性，总结了三种结合方案，并分别设计实现了相应的Ajax组件实例：Captcha组件、Ajax使能组件和在线编辑器组件。Captcha组件直接利用Servlet来完成验证码的即时切换，而不影响页面中其他组件。Ajax使能组件可以方便地让页面中其他普通的JSF组件具备Ajax事件处理能力，在开发该组件时由于采用了定制Ajax请求处理生命周期对象来处理Ajax请求，在开发过程中能更多地利用到JSF提供的各种便利条件。在线编辑器组件可以在线实施编辑、排版、输入图片、数学公式等多种功能，主要通过组合多种现有的组件来构造。另外，为了方便这些组件的实际使用，还对组件的打包问题进行了探讨，特别是针对资源文件的打包问题提出了解决方案。测试和实际应用表明，这些组件均能比较好地达到预期目标。 最后，本文通过综合利用JSF、Spring和Hibernate，设计并实现了一个实际应