`

jQuery-1.8-Api-中文版,ATF搭建,DOJO,jChart,autoSize

阅读更多

 

1,jQuery Api1.8中文帮助文档

2,js+css实现3D云标签(转载自http://www.w3cfuns.com/

3,jQuery自动伸缩大小

4,  amcharts,很不错的图表类库及实例

5,HighChart,基于jQuery的图标插件

6,jqChart,基于jQuery的小巧的图表插件

7,ajax toolkit framework eclipse开发dojo插件

 

使用 Ajax Toolkit Framework 开发 Dojo 应用

 

引言

AJAX Toolkit Framework(下面简称ATF)为 Eclipse 提供 Ajax 支持,其绑定当下最流行的 AJAX 框架(Dojo, Zimbra, Rico, etc),为 Eclipse 提供整合的模块。Eclipse 用户可以使用 AJAX Toolkit Framework 来编写 AJAX 应用程序。就像在 Eclipse 中开发平常的Java 程序一样,非常方便。

我们现在就以开发 Dojo 应用为例,从快速开发 Dojo 应用,以及使用 DOM Inspector and JavaScript Console 来帮助 Dojo 应用的开发 2 个方面,来看看 ATF 如何增强 Ajax 应用的开发。

本文目标读者主要是对 Ajax 技术感兴趣,并能够熟练安装 Eclipse 插件,使用 Eclipse开发和调试应用程序,对 Dojo Toolkit 有一定了解的 WEB 开发者。

开发环境搭建

1) 安装最新的Eclipse SDK 3.2 以及Java SDK 1.4 (或者更高版本)

2) 安装Eclipse Web Tools Project (WTP) 1.5 (以及它的前置软件安装包) 推荐安装 :wtp-all-in-one-sdk-R-1.5.0-200606281455-win32.zip 软件包,它集成了上面提到的两项工具。

3) 安装Tomcat5.0以上版本或者WTP所支持的服务器。

4) 下载并解压缩XULRunner软件包,随后在命令行的方式下加入解压缩后的目录,输入xulrunner --register-global 来注册XULRunner,以便能够让Eclipse内嵌Mozilla浏览器。

5) 下载AJAX Toolkit Framework,这是一个.jar文件,可以通过Eclipse更新选项里面的新的归档站点来添加这个插件到Eclipse中。

6) 下载最新的Dojo 工具包,目前最新的版本是0.3.1。解压缩并把其下的所有文件拷贝至Eclipse的plug-in文件夹下的org.dojo.runtime_<version>目录内。并确保Dojo解压缩包下的src文件夹的所有文件都被拷贝至该目录下。

7) 为了让Eclipse能够识别ATF插件的安装,我们需要在启动Eclipse的时候,在其快捷方式上,右击鼠标,并在出现的窗口中的目标一栏中修改相应信息,比如修改成:e:\eclipse\eclispe.exe - clean.

至此,使用ATF开发Dojo应用的开发环境就搭建好了,现在我们看一下使用ATF提供的功能:

 

使用ATF开发Dojo应用快速入门

1.打开Eclipse3.2,切换到J2EE视图,新建一个工程,选择Dojo J2EE Project


 

2.填入合适的工程名,如果你没有配置Target Runtime,则需要新建一个:


 

3.在新建Server Runtime environment界面中选择一个你已经安装好的应用服务器。这里选择Apache Tomcat v5.0作为示例Dojo应用的服务器运行环境:


 

4.完成服务器运行时环境配置后,点击完成按钮,这样一个开发Dojo应用的框架工程就搭建好了,我们便可以在这个基础上开发自己Dojo应用:


 

5.在新建好的dojoDemo工程内,右键点击WebContent,在弹出的菜单中选择新建Dojo Application v0.2.2,如果没有该选项,则可以先选择Other,再在出现的菜单中选择。


 

6.点击Next,进入下一个页面,输入合适的工程名称,比如dojoApp,其他保留默认值,点击完成,这样一个简单的dojo应用就由ATF自动生成了:


 

我们看到在WebContent下生成了一个叫做dojoApp的目录,其下面包含一个叫做dojoApp.html的文件,我们就可以直接在这个文件中输入Dojo代码。从而使用ATF简化了dojo应用的开发。

7.我们在开发Dojo应用的时候,先在Eclipse下方选择Snippets View,可以很方便的插入Dojo的代码,同时你会看到ATF对其他流行的Ajax框架提供的支持,包括Zimbra和Rico等


 

8.在完成了相应的Dojo代码编写后,我们在开发好的的dojoApp.html上右击,在弹出的菜单中,选择Run As -> Run in Mozilla, 随后会弹出一个信息面板,让你选择需要使用的运行时服务器,我们只要选择刚才配置好的Tomcat服务器,点击完成。

这样我们就可以在内嵌的Mozilla浏览器中发布和查看开发好的dojo程序了,这里使用Dojo提供的Widget中的Tree类型,做的一个小的Dojo应用程序的演示:


 

 

这里只是演示了一个很简单的开发Dojo应用的例子,主要目的是为了说明,使用ATF对开发Dojo这样的Ajax应用程序的方便。其利用了Eclipse提供的强大开发功能为用户在开发Ajax项目的时候,不必每次手动拷贝Dojo资源包,创建编写繁琐的辅助性代码,更加专注于业务逻辑的开发。

使用ATF的DOM Inspector and JavaScript Console

我们先来看一下ATF的DOM Inspector提供的功能:

1.当我们在Mozilla中运行我们的dojo应用的时候,我们可以在Eclipse的Workspace右侧看到DOM Inspector,它可以把整个html页面的DOM结构,清晰完整的在里面显示出来。当你点击任何一个标签的时候,其相应的部分就在左侧的页面中以红色边框包围,重复闪烁3次:


 

在DOM Inspector中,我们可以很方便的扑捉页面的DOM树结构,并可以打开某个节点,浏览其相应的子节点,可以方便定位页面元素。


 

2.当我们在DOM Inspector中选择一个节点的时候,它所包含的一些属性就在下面的属性-值得列表中显示出来:


 

这些属性分为3类:

1)盒子模型:里面主要是包含一些有关长宽高的属性。

2)DOM属性 :里面包含的属性是可以做修改的,不同的标签节点,所对应的属性不一样。

3)计算的样式 :主要是一些由CSS定义的值,可以在页面使用的CSS文件中进行修改。

3.我们也可以在内嵌的Mozilla中访问外部的web页面,这时DOM Inspector也会根据加载的页面,做相应的调整,从而显示在Mozilla中当前加载的页面的DOM信息:


 

在这个页面中,加载的是IBM的官方站点,这时,在DOM Inspector中,也自动显示该IBM首页面的DOM信息。

4.我们可以使用ATF提供的JavaScript Console来扑捉当前Mozilla加载页面所包含的错误,以及这些错误在页面源文件中的行号,我们可以在JavaScript Console中对所提示的信息,根据级别,分别选择All,Errors,Warnings,Messages等,就像我们开发普通的Java程序一样,在下面的Console中提示友好的编辑信息,这样便于我们发现和修改页面中的错误。


 

5.在XHR Monitor view中我们还可以看到Dojo包加载机制对其页面所加载的JavaScript文件的加载顺序,其实也就是XmlHttpRequest 的监视控制台:


 

结束语

伴随着Web 2.0 的普及,Ajax应用层出不穷。正所谓工欲善其事,必先利其器。Dojo Toolkit作为一款开源工具包,为开发Ajax应用提供了极大的便利。而Ajax Toolkit Framework作为Eclipse的一款插件,也方便了Dojo Toolkit等当下最流行的AJAX 框架的使用。希望本篇文章能够带领读者快速进入Ajax应用开发的世界,更快更好地开发出优秀的Ajax应用。


参考资料

分享到:
评论

相关推荐

    xulrunner-1.8.1.2pre.en-US.win32

    【xulrunner-1.8.1.2pre.en-US.win32】是一个与Firefox早期版本相关的技术,它是Mozilla基金会开发的一个开源运行时环境,用于支持基于XUL(XML User Interface Language)的应用程序运行。XUL是一种XML语言,用于...

    ATF开发 Dojo 应用

    ATF开发 Dojo 应用,ATF开发 Dojo 应用

    HP-ATF54143_atf54143模型_

    【标题】HP-ATF54143_atf54143模型_:深入理解ATF54143晶体管模型 【描述】本资料主要关注的是ATF54143模型,虽然描述中提及的是"atf54132 model",但根据提供的文件名,我们可以推测此处应当是关于ATF54143晶体管...

    STK-Disk913x-Using Application-Transparent Failover(ATF)-IBM,Sun

    《STK-Disk913x-Using Application-Transparent Failover (ATF) - IBM, Sun》 本手册主要涉及的是StorageTek公司的STK-Disk913x磁盘存储系统,以及如何利用Application-Transparent Failover (ATF)技术在IBM和Sun...

    atf54143_010407_adsatf54143_ATF54143_

    标题中的"atf54143_010407_adsatf54143_ATF54143_"似乎是指一个特定版本的ATF54143相关的项目或软件,其中“010407”可能是日期,表示2001年4月7日,而"adsatf54143"可能是该资源的标识符或者是与ADS软件的结合。ATF...

    ATF Console.zip

    这可能包括ATF Console的架构、功能模块、API接口、工作原理以及如何与WDI设备进行交互等内容。开发者和系统集成员可以通过这份手册深入理解ATF Console的内部机制,学习如何利用其提供的工具和函数来控制和调试WDI...

    atf-0.2.1-v200704051500.zip

    ATF(Ajax Toolkit Framework)是基于Java开发的一个强大的AJAX框架,主要目的是为了简化Web应用程序的开发过程,尤其是涉及到客户端动态交互的复杂场景。ATF 0.2.1-v200704051500是该框架的一个特定版本,发布于...

    atf54143_010407_wrk_atf51143_010407_atf54143模型_ATF54143_atf54143

    这个压缩包文件“atf54143_010407_wrk_atf51143_010407_atf54143模型_ATF54143_atf54143”包含了与ATF54143相关的模型数据,特别是针对ADS(Advanced Design System)软件的模型。 ADS是Keysight Technologies(原...

    atf-SDK-incubation-I200910021106.zip

    【标题】"atf-SDK-incubation-I200910021106.zip" 提供的是一个ATF(Automotive Test Framework)软件开发工具包的孵化版本,发布日期为2009年10月2日11时06分。这个SDK主要是针对汽车行业进行测试框架的开发和应用...

    ADS-atf54143_010407.rar

    标题中的"ADS-atf54143_010407.rar"是一个压缩文件,其中"ADS"通常指的是Analog Device Studio,这是一款由Analog Devices公司提供的集成开发环境,专门用于设计和调试模拟、混合信号以及射频集成电路(IC)。"atf...

    仿真库atf54143_010407.zap

    ATF54143_010407.zap是一个微波领域的仿真库文件,主要用于模拟和分析ATF54143半导体器件的行为。ATF54143是一款高性能、宽带、线性功率放大器集成电路,广泛应用于通信系统、雷达设备以及射频(RF)和微波电路设计...

    ATF-Cleane清理系统临时文件和IE临时文件夹

    8. **多语言支持**:为了满足全球用户的需求,ATF-Cleaner提供了多种语言版本,包括中文,使得不同国家和地区的用户都能轻松使用。 9. **兼容性广泛**:此软件适用于各种Windows操作系统,从较旧的Windows XP到最新...

    Atf文件包解析ATF格式

    ATF(Android Terminal Format)文件是Android系统中用于存储设备日志、系统状态信息和调试数据的一种特定格式。这种格式的文件通常由Android系统工具如`logcat`或`adb logcat`生成,用于帮助开发者分析应用崩溃、...

    用于Ultra96-V2的引导加载程序(U-Boot、FSBL、PMUFW、ATF)_Tcl_下载.zip

    这个压缩包“用于Ultra96-V2的引导加载程序(U-Boot、FSBL、PMUFW、ATF)_Tcl_下载.zip”包含了该开发板运行所需的一些关键固件组件,这些组件对于理解和调试硬件启动流程至关重要。 1. U-Boot:全称为Universal ...

    基于ATF54143的LNA设计,用ADS2020仿真设计

    本文将深入探讨基于ATF54143的低噪声放大器(LNA)设计,结合ADS2020这款强大的射频电路仿真软件进行详细分析。首先,我们需要了解ATF54143是一款高性能的硅双极型晶体管,适用于微波频率范围内的应用,尤其适合用于...

    ATF54143的zap文件

    ATF54143的zap文件是一种与高级电信功能相关的数据文件,通常在通信系统或嵌入式系统中使用。这个文件可能是由Atmel公司生产的ATF54143芯片相关的固件或者配置数据。Atmel是一家知名的微控制器和半导体制造商,其...

    PNG2ATF + ATF VIEWER

    PNG2ATF与ATF Viewer是两个紧密关联的工具,分别用于将PNG图像格式转换为ATF(Adaptive Texture Format)格式以及查看ATF文件。在游戏开发、图形设计和移动应用领域,ATF格式因其高效能和节省存储空间的特点而被广泛...

    ATF54143 元器件模型

    ATF54143 元器件模型

Global site tag (gtag.js) - Google Analytics