ExtJS学习之HelloWorld
2014-02-25 17:28
573 查看
今天开始学习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要用到的图片文件与样式表文件
src目录是未压缩的源代码目录。
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>
我们需要导入的信息已经在上面的那代码里面，
这是咱们写的html页面跟咱们下载的内容的位置关系！！！
下面呈上咱们的HelloWorld：
nice，咱们的HelloWorld就算写成了！我会将我学习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要用到的图片文件与样式表文件
src目录是未压缩的源代码目录。
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>
我们需要导入的信息已经在上面的那代码里面，
这是咱们写的html页面跟咱们下载的内容的位置关系！！！
下面呈上咱们的HelloWorld：
nice，咱们的HelloWorld就算写成了！我会将我学习ExtJS的经历都在博客上记录下来！如有什么问题可以留言与我谈论！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 