EXTJS是一个兼容AJAX的前台WEB UI的框架，在普通的HTML文件的 BODY 元素中无须写任何HTML代码，就能产生相应的表格等元素。
首先是为每一个页面定义一个类，再以EXTJS的规范格式增加所需的元素，可以使用所见所得的工具：extbuilder 来操作，这个类将以XXXXX.js的文件名保存，最后在相应的HTML页面中引入相关的JS和CSS文件：
并在BODY中加入下面这段JAVA SCRIPT：
<script>
Ext.onReady( function () {
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget='side';
var viewport=new Ext.Viewport( {
layout : 'fit',
border : false,
items : [new system.XXXXX()]
});
viewport.render();
});
</script>其中XXXXX就是之前新加的JS类，则EXT引擎就会以一定的非常漂亮的样式渲染出页面来，并且以后的页面风格要改变，只须更换CSS即可，无须改动页面。
项目截图
运行截图
原创不易，转载请注明出处：EXTJS入门教程及其框架搭建
代码下载地址:http://www.zuidaima.com/share/1724474768788480.htm