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

  • 相关阅读:
    盒子垂直水平居中
    Sahi (2) —— https/SSL配置(102 Tutorial)
    Sahi (1) —— 快速入门(101 Tutorial)
    组织分析(1)——介绍
    Java Servlet (1) —— Filter过滤请求与响应
    CAS (8) —— Mac下配置CAS到JBoss EAP 6.4(6.x)的Standalone模式(服务端)
    JBoss Wildfly (1) —— 7.2.0.Final编译
    CAS (7) —— Mac下配置CAS 4.x的JPATicketRegistry(服务端)
    CAS (6) —— Nginx代理模式下浏览器访问CAS服务器网络顺序图详解
    CAS (5) —— Nginx代理模式下浏览器访问CAS服务器配置详解
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4400759.html
Copyright © 2020-2023  润新知