今天开始学习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的经历都在博客上记录下来!如有什么问题可以留言与我谈论!!