论文部分内容阅读
摘 要： Dojo作为Ajax的框架之一，由于其完善的底层功能和丰富的组件系统，被越来越多的Web开发者使用。把Dojo组件应用到报名系统中，可以改善目前用户输入信息所面临的一些问题，也可以增强信息的交互性和用户的操作体验。
关键词：Dojo组件 报名系统 信息录入
中图分类号：TP393文献标识码：A 文章编号：1673-8454（2008）03-0088-03
在Web2.0时代中，Web组件的使用和Ajax的交互是网页开发的主流，而对于目前一些网上报名系统来说，这些应用并不是常见的，而其庞大的网页代码和信息交互带来了许多问题，JavaScript代码冗余，实现起来也非常麻烦，影响了用户填报速度，仍然是需要解决的问题。
Dojo是基于Ajax的一个工具和框架，使用此工具包有助于最大程度地减少使用JavaScript和Ajax带来的许多常见问题，同时也提供了一组可重用的组件、用于扩展和创建组件的框架、事件系统、JavaScript实用工具和增强的异步服务器调用支持。用它可以方便地代替和扩展目前已有的Web组件，用户使用起来也非常方便。
一、Dojo概述
Dojo是一个开源的JavaScript工具包，包括了JavaScript本身的语言扩展，以及各个方面的工具类库，使用户能够方便地构建网页的动态效果。用户可以使用基于Dojo方面的事件系统将事件附加到组件，以创建丰富的交互体验。Dojo可根据用户需要提供任意多个可用的较低级的API，来编写可移植的 JavaScript并简化复杂的脚本。它提供了事件系统、I/O软件包和一般语言增强的库。
Dojo还提供了一组可直接用于任何应用程序中的组件库。可以使用其中一些核心组件作为UI组件，比如菜单、选项卡集、树组件等等。
二、Dojo的组件使用
Dojo是由dojo.js文件和src包组成的，其中dojo.js文件是对Dojo使用的一些基本信息和属性的描述，而src包中的widget包实现了所有组件的属性和方法，读者可以对照找到所有组件的js文件并对其浏览和编辑。在对其使用之前将其标明引用就可以了，应用树形类型组件的具体方法是：[1]
＜script type="text/javascript" src="dojo.js"＞＜/script＞//调用dojo.js文件
＜script language="JavaScript" type="text/javascript"＞
dojo.require("dojo.widget.Tree"); ……//引入类型对应的包
＜/script＞
＜div DojoType="Tree" 属性名=“属性值”＞…＜/div＞//调用类型
Dojo组件包含了众多的组件，如表1所示，这些组件都是制作网页经常用到的，当然还有一些更高级的组件，如map、slideshow等功能都是非常强大的，不过在一些小的系统中一般用不到，所以我们介绍常用组件的使用。
该应用简单实现的代码：
＜div DojoType="SplitContainer"orientation="horizontal" ayoutAlign="client"＞
＜div id="mainTabContainer" DojoType="TabContainer" sizeMin="20" sizeShare="70"＞
＜aDojoType="LinkPane" href="…"＞基本信息＜/a＞
……＜/div＞＜/div＞
菜单之间的切换并不影响互相之间的信息填写，也就是当用户切换到另一个部分时，原部分仍保留原有填写信息。利用此组件来面对庞大的信息录入，决不会出现信息丢失和中断，精细而且全面。至此大的框架出来了，剩下的就是信息录入的问题了。对于那些信息录入框来说，传统上也有两种方法，一种是在后面标注说明，这样不能够全面地说明情况，用户容易填错；另一种方法是用大量的JS代码控制，这也是目前最常见的方法，但是维护起来非常麻烦，用户填写起来也浪费了很多时间，那些alert框看起来也非常笨拙。利用Dojo组件仍然可以将二者结合起来，用基于Ajax方式的文字说明来告诉用户填写是否正确，下面让我们来看看如何实现的吧。
2．基于Dojo界面组件的用户信息辅助效果
在报名者填写信息时，Dojo组件带来了很大的辅助效果，如图2是用户填写信息前和用户填写正确和错误时的提示：
如图3，在这个简单的后台管理页面中，用到了树形组件、布局组件、表单组件和按钮组件等，这些组件搭配起来应用能够实现丰富页面的功能，用起来也非常方便，他们的类型调用可以参考表1，而其中的一些方法和属性，读者可以通过对src\widget包的文件进行查看和使用。
四、Dojo的其它功能
在报名系统中用到的这些组件，可以解决报名过程中带来的问题，但是并不能就说明Dojo就只有这些功能，在它强大的组件库支持背后，它还支持着更多的其它功能，如undo功能和svg功能。它还有很强的事件系统和异步服务器调用功能，可以对其组件事件和信息交互的方式进行控制，基于Ajax服务器端框架的JSON语言可以很好解决信息交互问题。JSON也提供了一种具有嵌套数据元素的结构，就像XML一样。Dojo的异步通信可以通过JSON来搭配使用，更快地解决信息交互，减少服务器的负担，这也是报名系统提高网上服务的重要一环。
五、结束语
将Dojo组件包结合在我校研究生报名系统中，在试用阶段取得了良好的效果，提高了系统的使用效率，给用户带了极大的方便，加快了使用者的操作速度。
参考文献：
[1]陈蛟,宋茂强.基于AJAX的DOJO架构分析与应用[J].中国科技论文在线，2007（4）.
[2]Dojo Developer Guide. http://Dojotoolkit.org/docs/book
关键词：Dojo组件 报名系统 信息录入
中图分类号：TP393文献标识码：A 文章编号：1673-8454（2008）03-0088-03
在Web2.0时代中，Web组件的使用和Ajax的交互是网页开发的主流，而对于目前一些网上报名系统来说，这些应用并不是常见的，而其庞大的网页代码和信息交互带来了许多问题，JavaScript代码冗余，实现起来也非常麻烦，影响了用户填报速度，仍然是需要解决的问题。
Dojo是基于Ajax的一个工具和框架，使用此工具包有助于最大程度地减少使用JavaScript和Ajax带来的许多常见问题，同时也提供了一组可重用的组件、用于扩展和创建组件的框架、事件系统、JavaScript实用工具和增强的异步服务器调用支持。用它可以方便地代替和扩展目前已有的Web组件，用户使用起来也非常方便。
一、Dojo概述
Dojo是一个开源的JavaScript工具包，包括了JavaScript本身的语言扩展，以及各个方面的工具类库，使用户能够方便地构建网页的动态效果。用户可以使用基于Dojo方面的事件系统将事件附加到组件，以创建丰富的交互体验。Dojo可根据用户需要提供任意多个可用的较低级的API，来编写可移植的 JavaScript并简化复杂的脚本。它提供了事件系统、I/O软件包和一般语言增强的库。
Dojo还提供了一组可直接用于任何应用程序中的组件库。可以使用其中一些核心组件作为UI组件，比如菜单、选项卡集、树组件等等。
二、Dojo的组件使用
Dojo是由dojo.js文件和src包组成的，其中dojo.js文件是对Dojo使用的一些基本信息和属性的描述，而src包中的widget包实现了所有组件的属性和方法，读者可以对照找到所有组件的js文件并对其浏览和编辑。在对其使用之前将其标明引用就可以了，应用树形类型组件的具体方法是：[1]
＜script type="text/javascript" src="dojo.js"＞＜/script＞//调用dojo.js文件
＜script language="JavaScript" type="text/javascript"＞
dojo.require("dojo.widget.Tree"); ……//引入类型对应的包
＜/script＞
＜div DojoType="Tree" 属性名=“属性值”＞…＜/div＞//调用类型
Dojo组件包含了众多的组件，如表1所示，这些组件都是制作网页经常用到的，当然还有一些更高级的组件，如map、slideshow等功能都是非常强大的，不过在一些小的系统中一般用不到，所以我们介绍常用组件的使用。
该应用简单实现的代码：
＜div DojoType="SplitContainer"orientation="horizontal" ayoutAlign="client"＞
＜div id="mainTabContainer" DojoType="TabContainer" sizeMin="20" sizeShare="70"＞
＜aDojoType="LinkPane" href="…"＞基本信息＜/a＞
……＜/div＞＜/div＞
菜单之间的切换并不影响互相之间的信息填写，也就是当用户切换到另一个部分时，原部分仍保留原有填写信息。利用此组件来面对庞大的信息录入，决不会出现信息丢失和中断，精细而且全面。至此大的框架出来了，剩下的就是信息录入的问题了。对于那些信息录入框来说，传统上也有两种方法，一种是在后面标注说明，这样不能够全面地说明情况，用户容易填错；另一种方法是用大量的JS代码控制，这也是目前最常见的方法，但是维护起来非常麻烦，用户填写起来也浪费了很多时间，那些alert框看起来也非常笨拙。利用Dojo组件仍然可以将二者结合起来，用基于Ajax方式的文字说明来告诉用户填写是否正确，下面让我们来看看如何实现的吧。
2．基于Dojo界面组件的用户信息辅助效果
在报名者填写信息时，Dojo组件带来了很大的辅助效果，如图2是用户填写信息前和用户填写正确和错误时的提示：
如图3，在这个简单的后台管理页面中，用到了树形组件、布局组件、表单组件和按钮组件等，这些组件搭配起来应用能够实现丰富页面的功能，用起来也非常方便，他们的类型调用可以参考表1，而其中的一些方法和属性，读者可以通过对src\widget包的文件进行查看和使用。
四、Dojo的其它功能
在报名系统中用到的这些组件，可以解决报名过程中带来的问题，但是并不能就说明Dojo就只有这些功能，在它强大的组件库支持背后，它还支持着更多的其它功能，如undo功能和svg功能。它还有很强的事件系统和异步服务器调用功能，可以对其组件事件和信息交互的方式进行控制，基于Ajax服务器端框架的JSON语言可以很好解决信息交互问题。JSON也提供了一种具有嵌套数据元素的结构，就像XML一样。Dojo的异步通信可以通过JSON来搭配使用，更快地解决信息交互，减少服务器的负担，这也是报名系统提高网上服务的重要一环。
五、结束语
将Dojo组件包结合在我校研究生报名系统中，在试用阶段取得了良好的效果，提高了系统的使用效率，给用户带了极大的方便，加快了使用者的操作速度。
参考文献：
[1]陈蛟,宋茂强.基于AJAX的DOJO架构分析与应用[J].中国科技论文在线，2007（4）.
[2]Dojo Developer Guide. http://Dojotoolkit.org/docs/book