深入剖析ExtJS 2.2实现及应用连载(4):如何学习ExtJS
深入剖析ExtJS 2.2实现及应用连载 版权所有,谢绝转载 作者:彭仁夔 QQ:546711211
1.4如何学习ExtJS
如何学习Ext,是所以刚接触它的读者都会问到的问题?学习Ext最好的办法就是独立去实现一个应用系统,这个demo系统的相关的功能可以对着Ext包中自带的例子进行改进,在实现系统的过程肯定会碰到这样那样的问题,可以通过从相关论坛中询问来解决或尝试分析Ext的源码来进行剖析其问题所在。在开发之前,我们得先知道从那里下载Ext,如何搭建快速开发环境和那些较好的论坛。下面就这几个方面进行讲解。
获取源码并部署
首先我们得获到Ext的源码或相关的文件。我们可以通过http://www.extjs.com/products/extjs/download.php到其官方网站下载最新的版本。目前是2.2版本,如图:
图1.2 Ext的下载页面
我们只要点击ExtJs2.2 SDK后面的download就可以下载所需要的Ext类库。它包括源码,实例,文档等。
下载完成之后,为了能运行其文档或例子,我们要把其解压部署在容器中,如IIS,tomcat中。只要把其根目录文件夹直接拷到对应的容器就可以。接下就可以通过
http://localhost:8080/ext-2.2/docs/index.html这样的方式访问到其文档,或通过
http://localhost:8080/ext-2.2/examples/samples.html来访问其实例,如图:
图1.3 extjs自带实例演示
我们可以通过其实例的演示再分析其实现过程。
Eclipse及spket的开发环境的搭建
欲善其事 先利其器,在使用和开发Ext之前,我们也要找到一个好的工具。Ext有众多的类和方法,基本上是记忆不住每一个的拼写。我们得找到相关的提示的工具。但是提示JS是一件很难的事情。apanata可以说是做得比较好,但是对于Ext的提示不倒位。spket是开发Ext的利器。不但能支持点串形式的提示,而且还能支持链式的代码查看。这对于学习Ext有得极大的帮助。
Spket可以免费使用,它以Eclipse插件的形式提供。我们可以在eclipse中强大的功能少集成spket。这样开发其它代码或js都可以在同一个工具。在eclipse中安装spket很简单:其步骤如下:
1、在eclipse菜单中选择Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site...。这时会弹出一个窗口,如下图,在Name:中输入 "Spket", 在Url:中输入 http://www.spket.com/update/。点击ok按钮。之后按提示一步步进行相关的操作,下载完毕重启 Eclipse。
图1.4 eclipse中安装spket插件
2、在eclipse菜单中选择Window -> Preferences -> Spket -> JavaScript Profiles -> New ;弹出窗口,输入名字:“ExtJS”点击OK。这时ExtJS会出现在主窗口中,选择“ExtJS” 并点击“Add Library”弹出一个小窗口,在该小窗口中下拉条中选取“ExtJS”,为ExtJS指明其属于那一种类型。接下来在主窗口中选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;
3、设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右边的“Defalut”按钮;
4、JS打开方式为 Window -> Preferences ->General-> Editors-> File...选择JS 为 Spket JavaScript Editor(default)。
现在我们就可以在Ext中使用spket。看一下其功能。只要把鼠标放在相对的方法中,它会弹出其使用说明。在编写代码中,它会自动提示,这样就给我们开发学习提供了很大的方便。而且当按在ctrl+鼠标点击就会跳转到该方法的源码处。如下图所示
图1.5 代码提示
学习的论坛
在学习和使用Ext,肯定会碰到各种各样的问题。这些问题有的时候自定不能解决,就得求助于他人。Ext的广泛的应用,在网络上有很多相关技术讨论的论坛。就一些常用论坛做一些介绍。
u Ext官方论坛
Ext官方论坛可以说是最权威的讨论Ext技术的论坛。它是Ext和用户交流的窗口。不但提供众多的Ext的扩展组件。还提供了Ext新的功能需求,求助等众多版块。问题基本能从这边得到解决。其网址:http://www.extjs.com/forum/。
u JavaEye论坛
JavaEye与Ext不同,它是中文论坛。它的Ajax的模块基本上成为中国Ext高手讨论Ext技术的专版。在这里你能很快得到相关的Ext的技术帮助和学习的资料。其网址:http://www.javaeye.com/forums。
u dojo中国
dojo中国本来是为了dojo进行中文化的Ajax的网站。而现在却成了Ext相关的知识的讲解的网站,从名字上来看讲Ext不伦不类,但是其中的一些文章及视频教程对于初学者还是有很大的帮助。其网址:http://www.dojochina.com/。
深入剖析ExtJS 2.2实现及应用连载 版权所有,谢绝转载 作者:彭仁夔 QQ:546711211