zoukankan      html  css  js  c++  java
  • 如何学习Ext

    深入剖析EXT 2.2及应用连载(3) :第一章:如何学习Exthttp://jljlpch.javaeye.com/category/48858 1.4如何学习Ext

    深入剖析EXT 2.2及应用连载 版权所有,谢绝转载 作者:彭仁夔 QQ:546711211

    如何学习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/

    http://www.dojochina.com/index.php?q=node/923s

  • 相关阅读:
    个人项目博客
    个人博客作业
    软件工程 热身作业
    OO第四次博客作业--第四单元总结及课程总结
    OO第三次博客作业--第三单元总结
    OO第二次博客作业--第二单元总结
    OO第一次博客作业--第一单元总结
    【杂谈】研究生最后一年学习计划
    【记录】一些非常方便的命令集合
    【Git】基本命令使用
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4400759.html
Copyright © 2011-2022 走看看