ExtJS学习之HelloWorld

浏览数：26 / 时间：2015年06月09日

今天开始学习ExtJS，首先需要下载一个开发需要的包！

官网地址：http://www.sencha.com/

下载开发包的地址是：http://www.sencha.com/products/extjs/download/,开发包是ext-4.0.0-gpl.zip,解压这个zip包显示如下：

先将这里面的内容简单介绍一下：（我是从百度上查出来的直接贴上了）：

builds目录是ExtJS压缩后的代码，经过压缩的代码体积更小，加载更快。

docs中当然是ExtJS的文档了，其中最重要的是ExtJS的API，这是开发ExtJS程序过程中的法宝。

examples中是官方的演示示例。

locale是多国语言的资源文件，其中ext-lang-zh_CN.js是简体中文。

overview是ExtJS的功能简述，其中从整体上阐述了ExtJS的功能和结构。

pkgs中是ExtjS各部分功能的打包文件。

resource中是ExtjS要用到的图片文件与样式表文件

bootstrap.js是ExtjS库的引导文件，通过参数可以自动奇幻ext-all.js和ext-all-debug.js

ext-all.js文件是ExtjS的核心库，是必须要引入的。

ext-all-debug.js文件是ext-all.js的调试版，在调试时需要使用到调试版！

好叻！基础信息已经介绍的差不多了！

开始咱们的HelloWorld！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="ext-4.2.1.883/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1.883/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1.883/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
	Ext.onReady(function(){
		Ext.MessageBox.alert(‘HelloWord‘,‘HelloWorld‘);
	});
</script>
<title>无标题文档</title>
</head>

<body style="margin:10px">
</body>
</html>

我们需要导入的信息已经在上面的那代码里面，