日期:2014-05-16  浏览次数:20405 次

浅谈Extjs的序言

浅谈Extjs的序言

??????? 有一个月都没有写博客了,最近真的太忙了,一个月中,前半个月找工作,后半个月上班,一直忙的没有时间写技术博客。我们公司用到的技术主要有Extjs和三大框架,我之前都没有接触过Extjs.自从到公司,第一次看到Extjs的效果,我就被深深震撼了。还真是一个了不起的框架,统一的效果、丰富的空间、强大的功能、能任意改变的皮肤、完美的浏览器兼容......真是大强大了。

??????? Extjs是一个用javascript编写,与后台技术没关的前端ajax框架。可以用来开发带有华丽外观的富客户应用,使得我们的BS应用更加具有活力及生命力。

?要使用Extjs,那么首先要得到Extjs库文件,该框架是一个开源的,可以直接从官方网站下载,进入下载页面,解压之后就能看到这样的图:


adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
build:压缩后的ext全部源码(里面分类存放)。
docs:API帮助文档。
exmaples:提供使用Extjs技术做出的小实例。
resources:ExtUI资源文件目录,如CSS、图片文件都存放在这里面。
source:无压缩Ext全部的源码(里面分类存放)遵从Lesser GNU(LGPL)开源的协议。
Ext-all.js:压缩后的Ext全部源码
ext-all.debug.js:无压缩的Ext全部的源码(用于调试)
ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类
ext-core-debug.js:无压缩后的Ext的核心组件,包括sources/core下的所有类

?

下面写一个最简单的Extjs版的HelloWorld?

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title>Extjs版的HelloWorld</title>
<link rel="stylesheet" type="text/css" href="extjs/resource/css/ext-all.css"/>
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
	Ext.onReady(function(){
		Ext.MessageBox.alert("hello","Hello,z_xiaofei168");
	});
</script>
</head>
<body></body>
</html>

?

?效果图就不给大家贴了,最近会好好的和大家分享EXTJS。

1 楼 kimmking 2011-07-08  
http://setting.iteye.com/blog/340633
偶的ExtJS讲座之基础教程PDF版~