• 1. 《Easy-Ext》 第一讲:HelloWorld讲师:白鹤翔
  • 2. Easy-Ext 前言对于WEB开发而言,AJAX的流行已经成为了必然,然而对于WEB开发者来说,ExtJS这个强大的富客户端Ajax框架的诞生无意让众多WEB开发者而疯狂。 而今WEB开发在过渡到HTML5和CSS3的时期,众多ExtJS爱好者为ExtJS的发展而担忧。而对于我来说,从07年至今一直见证着ExtJS的发展历程,很不错,ExtJS4终于来了。它把WEB端推向了一个新的高潮,我想我们也有必要学习它、使用它。 本套视频教程《Easy-Ext》详细讲解ExtJS4.1的各个知识点,从而深入掌握ExtJS,应用到WEB开发之中!
  • 3. Easy-Ext 前言本套视频使用JAVA语言作为基础讲解。 那么对于具体的技术,本人将采用JAVA WEB - Servlet、JSP技术。 对于后期视频可能会提供高级框架(SSHE、SSI)进行讲解。
  • 4. Easy-Ext 前言 本套视频课程面向希望致力于Web开发,并热爱前台javascript编程,喜欢深入学习ExtJS的朋友,本套课程从Ext基础开始一步步进行讲解,涉及到ExtJS几乎所有的知识点,对于Ext底层基础架构的分析和讲解。 本套视频课程之中会讲解Web实战的经典案例,初步估计大约300个案例。所有代码全部带着手动敲出,从而更详细的掌握ExtJS开发。 本套课程是连载的方式进行上传视频,由于ExtJS的知识点过于繁多,没有大量时间进行视频录制,所以采取的方式是连载方式进行更新,如没有意外的情况下,采取以周为单位进行更新,每周大约更新5集左右。
  • 5. Easy-Ext 用具介绍java开发IDE:myeclipse10 http://www.myeclipseide.com spket-1.6.23插件下载 http://download.csdn.net/detail/fionamws/4350925 浏览器:FireFox http://firefox.com.cn/download/ 数据库:MySQL下载地址 http://dev.mysql.com/downloads/ Ext开发包,我们可以从官方网站里进行下载 http://www.sencha.com/products/extjs/download
  • 6. Easy-Ext 开发包介绍 Ext开发包目录结构说明 builds目录为ExtJS压缩后的代码 docs目录为ExtJS的文档 examples目录中是官方的演示示例 locale是多国语言的资源文件,其中ext-lang-zh_CN.js是简体中文 overview是ExtJS的功能概述 pkgs中是ExtJS各部分功能的打包文件 resource中书ExtJS要用到的图片文件与样式表文件 src目录是未压缩的源码 bootstrap.js是ExtJS库的引导文件,通过参数可以自动切换ext-all.js和ext-debug.js ext-all.js文件是ExtJS的核心库,是必须要引入的 ext-all-debug.js文件是-all.extjs的调试版,在调试的时候可能需要使用
  • 7. Easy-Ext Helloworld 学习任何技术,首先都要从Helloworld开始,那么我们首要任务就是写一个简单的HelloWorld程序,带领同学们走进ExtJS的世界。 Ext.onReady:这个方法是Ext的准备函数,也就是Ext相关的代码都会在这个函数里书写,它比较类似于window的onload方法,但是注意其执行时机是在页面的DOM对象加载完毕之后立即执行。 Ext.window.MessageBox:这个类提供了ExtJS的弹出提示框、确认框等简单的小组件。我们首先根据它写出我们的Helloworld.
  • 8. Easy-Ext HelloworldExt.MessageBox是一个工具类,提供了各种风格的信息提示对话框,也可以简写为Ext.Msg,这在Ext中很常见,很多组件或类都可以使用简写形式。 alert方法 confirm方法 prompt方法 wait方法 show方法 学习意见:学习ExtJS是一个长期积累的过程,我们以后应该多去查看官方API,多去阅读底层源码,以深入我们对ExtJS的了解。