【Jsp精品源码栏目提醒】:网学会员为广大网友收集整理了,3_ext1 - 编程语言,希望对大家有所帮助!
—高级软件人才实作培训专家北京传智播客教育www.itcast.cn在Ext3.x下开发富客户端王健—高级软件人才实作培训专家北京传智播客教育www.itcast.cn富客户端简介:RIA-Rich Interface Application.又被叫做富客户端.是在互联网上提升用户感受的开发框架.??目前比较流行的RIA有??jQueryUI.---??EXTJS --??DOJO -Java-Struts2??Flex –Flash -swf.??Edojs国产 -??SivlerLight -.net—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExtJs简介:ExtJS是一个很优秀的Ajax框架可以用来开发带有华丽外观的RIA富客户端的AJAX应用使得我们的B/S应用更加具有活力及生命力。
由于它是一个用javascript编写与后台技术无关的前端ajax框架。
因此可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。
ExtJs最开始基于YUI技术由开发人员Jack Slocum开发通过参考Java Swing等机制来组织可视化组件无论从UI界面上CSS样式的应用还是数据解析上的异常处理都可算是一款不可多得的JavaScript客户端技术的
精品。
下面是一些使用ExtJS开发的应用程序截图—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExtJS应用截图—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExtJS应用截图—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExtJS目标:要使用ExtJS那么首先要得到ExtJS库文件该框架是一个开源的可以直接从官方网站下载网址http://www.sencha.com/进入下载页面.为什么ExtJs的页面不叫www.extjs.com而叫sencha煎茶呢目前最新的版本是Extjs4.0.但由于其太新目前国内公司没有使用它的示例.所以仍然以3.x版本为主.Ext4.0在很多方面对3.x进行了彻底的更新.这也致使很多公司不能快速上手的原因.Ext的目标是搭建移动桌面应用的富客户端开发.其实它已经取得了某些成功.—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExt的下载主页-可以看出这支持:手机桌面:—高级软件人才实作培训专家北京传智播客教育www.itcast.cn部署Extjs的开发包:由于Extjs全部都是js代码.它的很多示例都是基于html写成的所以在下载完成后打开它的index.html即可以查看效果.但一些高级功能需要后台代码的支持.而extjs的默认后台代码为php.为了让我们的程序运行我们必须要将extjs的开发包部署的到一个可运行php的服务器上才可以运行.非常庆幸的是rasin做为一款优秀的J2EE服务器它同时支持
jsp和php代码.且在MyExcilpe中也集成了对rasin的支持.Rasin的最新版本为4.0它同时也运行aspx.net.但对于我们的开发.使用3.10即可.Rasin是绿色的解压后即可以使用.—高级软件人才实作培训专家北京传智播客教育www.itcast.cn使用Rasin部署Extjs3.x:部署rasin专业开发版.查看doc文档.-以下是部署完成后运行的主页面.—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExtjs的目录结构:adapter负责将里面提供第三方底层库包括Ext自带的底层库映射为Ext所支持的底层库。
src压缩后的ext全部
源码里面分类存放docsAPI帮助文档。
exmaples提供使用ExtJs技术做出的小实例。
resourcesExt UI资源文件目录如CSS、图片文件都存放在这里面。
Ext-all.js压缩后的Ext全部
源码。
ext-all-debug.js无压缩的Ext全部的
源码用于调试。
—高级软件人才实作培训专家北京传智播客教育www.itcast.cn搭建开发环境:应用extjs需要在页面中引入extjs的样式及extjs库文件样式文件为resources/css/ext-all.cssextjs的js库文件主要包含两个adapter/ext/ext-base.js及ext-all.js其中ext-base.js表示框架基础库ext-all.js是extjs的核心库。
adapter表示适配器也就是说可以有多种适配器因此可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js或adapter/prototype/ext-prototype-adapter.js等。
—高级软件人才实作培训专家北京传智播客教育www.itcast.cn开始搭建Extjs的开发环境:建立一个新的web项目-必须使用UTF-8编码.??注意事项本人是在纯Eclipse上开发与MyEclipse无异??由于目前js的语法扩展很多而EclipseMyEclipse对很多新的js语法无法识别所以会在验证js文件上打上红叉.??选择:windowsprefercensValidation去掉对js的验证即可.Copy所需要的Extjs文件.搭建好的extjs项目如下:—高级软件人才实作培训专家北京传智播客教育www.itcast.cnExtjs项目搭建成功后的图示:—高级软件人才实作培训专家北京传智播客教育www.itcast.cn目录:显示??按扭:Ext.Button??面板:Ext.Panel??窗口:Ext.Window??表单:Ext.form.FormPanel??树:Ext.tree.TreePanel??整体窗口:Ext.ViewPort 一个页面上只能使用一个且是自动渲染的且必须要拥有至少一个孩子即items。
-不可见。
??表:Ext.grid.GridPanel数据??Ext.data.Record??Ext.data.Store??Ext.data.JsonStore—高级软件人才实作培训专家北京传智播客教育www.itcast.cnQuick-Start:使用ExtJS框架的页面一般包括下面几句