常见问题当前位置:帝豪2娱乐 > 常见问题 > >

帝豪娱乐平台:ExtJs 学习笔记 Hello World!第1/2页

  

[ExtJs,学习笔记,Hello,World]ExtJs 学习笔记 Hello World!第1/2页

  

在了解基础后,可能会用Ext+ajax开发一个简单的小项目,会一点一滴的讲解项目开发过程,希望能给大家带来收获!因为我本人也在学习这个框架,所以对文章有什么建议请提出,这样可能会让我学到更多。

  
  
  
看到这幅图,你可能认为是某个软件,或者是Flash、Flex、silverlight等等,但这是javascript+Css实现的。

  
  
  
  
在看这样式与效果,如果加在自己的项目里,用户视觉与操作的体验应该会很爽吧。 还有更多的特效就不一一截图了。

  
下面开始说一下这个组件,ExtJs是一个不错的Ajax框架,是用javascript写的。效果什么样上面也看到了。我们能够把ExtJs应用到任何web开发语言中。他的客户端效果是非常强大的,同时Ext也提供了与服务器交互的机制,用起来非常方便,Ext与服务器交互的文章后面会写到。

  
在应用之前我们需要先获得这个框架,可以去 官网下载,开源的。下载完毕解压后会得到如下目录。

  
  
  
adapter:负责将里面提供的第三方底层库(包括Ext自带的)映射为Ext所支持的底层库。

  
build:压缩后Ext全部源码(分类存放)  
docs:API帮助文档  
examples:一些Extjs做出的效果示例  
resources:Ext UI资源文件目录,css、图片都在这  
source:无压缩Ext全部的源码  
ext-all.js :压缩后Ext全部源码,关键文件啊,500多K  
ext-all-debug.js:无压缩Ext全部源码(用于调试)  
ext-core.js :核心组件,包括source/core下所有类  
ext-core-debug.js:无压缩核心组件  
  
接下来将在一个纯静态的html页面中做测试,如果想应用ExtJs首先需要导入3个脚本文件一个样式表  
  

  
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />  
<script src="extjs/ext-base.js" type="text/javascript">script>  
<script src="extjs/ext-all.js" type="text/javascript">script>  
<script src=" (责任编辑:admin)

上一篇:帝豪2娱乐:jquery序列化方法实例分析

下一篇:没有了

推荐内容