Ext入门学习系列（一）环境配置

Ext⼊门学习系列（⼀）环境配置
⼀、EXT是什么？
1. Ext是⼀个Ajax框架，可以⽤来开发带有华丽外观的富客户端应⽤，使得我们的b/s应⽤更加具有活⼒及⽣命⼒，提⾼⽤户体验；
2. Ext是⼀个⽤javascript编写，与后台技术⽆关的前端ajax框架。

因此，可以把Ext⽤在.Net、Java、Php等各种开发语⾔开发的应⽤中；
3. Ext是⾯向对象的；
4. Ext没有你想象中的那么难；
⼆、Ext从哪⾥获取？
解压后有50M⼤⼩，⾥⾯包含了很多其他的⽂档。

三、Ext环境怎么搭建？
我们只需要从⾥⾯找出⾃⼰需要的⽂件即可。

按照顺序在根⽬录下找到ext-all.js（最主要的Ext代码库⽂件），然后在adapter/ext/⽬录下找到ext-base.js（EXT的适配器），接下来就需要找语⾔⽂件了名字叫“ext-lang-zh_CN.js”，最后需要把整个样式表⽂件夹找到，在resources ⽂件夹中。

把所有找到的⽂件全部复制到我们需要的⽂件夹下，暂定为Ext⽂件夹，则该⽂件夹下⾯的⽬录结构应该如：
我们的站点⽂件放在上级⽬录，如：
到此为⽌，环境配置基本完毕。

四、Ext代码怎么写？
接下来我们⼀起来写⼀个测试例⼦，因为是JS库，所以⽹页中要做的第⼀件事情就是添加引⽤，在需要⽤到Ext的页⾯源⽂件头部加上：
<link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" /> //引
⼊样式
<script type="text/javascript" src="Ext/ext-base.js"></script>//引⼊适配器
<script type="text/javascript" src="Ext/ext-all.js"></script>//引⼊主⽂件
<script type="text/javascript" src="Ext/ext-lang-zh_CN.js" charset="utf-8">
</script>//语⾔包
接下来才可以正式写，先来⼀个测试：
<script type="text/javascript">
function start(){
Ext.MessageBox.alert("测试","看我漂亮不!");
}
Ext.onReady(start);//所有的程序都是从这⾥开始执⾏，⾥⾯写函数名
</script>
如果在VS2010中上⾯的代码是可以直接点出来的，所有代码以Ext开始，如果想弹个对话框，就选Message即可。

然后保存，运⾏正常情况下会出现这样的效果：
其中对话框默认是可以拖动的。

到此，我们的Ext环境就算搭建完毕！后续的课程会对Ext的各个组件逐⼀介绍。

本例代码。