一步一步学Ext（一）

1.做准备工作

ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多 彩的web应用程序界面。主要是企业信息化软件，网站后台等。ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写 的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架

  下载ext2.2.1,下载地址http://extjs.com/products/extjs/download.php

2.用Ext编写一个helloworld

   首先，将下载到的ext2.2.1解压缩，在ext2.2.0目录下新建一个文件夹Helloworld，这文件夹就是存放你即将编写代码的文件夹。

   在Helloworld 文件夹中新建一个helloworld.html的文件在文件中添加如下代码：

<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript" src="../examples.js"></script>
 
<script>
Ext.onReady(function(){
    Ext.MessageBox.alert('helloworld','Hello World');
 
});

</script>

双击helloworld.html就可以看到运行结果了，是不是很漂亮呢？

 

到此一个Hello World就写完了。

3.总结

我们写的这个例子是在Ext目录下运行的，我们能不能把这个功能加到我们自己的项目中去呢？当然可以，其实我们所用到的脚本文件并不是很多，只有把用到的加到自己的项目中就可以了。

最小集合（使用过程中必须添加的js脚步文件）

ext-all.js , adapter/ext/ext-base.js就包含了ext 的所有功能，所有的js脚本都在这里。

build/locale/ext-lang-zh_CN.js是中文翻译

resources目录下是css样式表和图片。