Sencha Ext JS 6:快速入门与开发指南

0 下载量 109 浏览量 更新于2024-08-30 收藏 984KB PDF 举报
"Sencha Ext JS 6 是一个先进的JavaScript应用程序开发框架,它支持多平台和多设备。本文档提供了一个快速入门指南,涵盖了Ext JS的发展历程,从YUI-Ext的起源,到成为独立的框架,以及版本的演变。此外,还介绍了开发准备、项目创建和预览的步骤,帮助初学者建立第一个基于Ext JS 6的应用程序。" Sencha Ext JS 6 是一个强大的JavaScript框架,用于构建富客户端应用,尤其适合开发跨平台、跨设备的Web应用。它的历史可以追溯到YUI-Ext,由Jack Slocum创建,原本是对Yahoo User Interface (YUI) 库的扩展。随着时间的推移,YUI-Ext逐渐独立并发展成为一个完整的框架,最终在2007年转变为Ext JS,同时采用LGPL和商业许可证。从1.0正式版到6.0,Ext JS不断进化,4.0引入了MVC/MVVM架构,5.0开始不再支持旧版浏览器,而6.0则整合了Sencha Touch,使得开发者能够创建同时适应桌面和移动设备的应用。 要开始使用Ext JS 6,首先需要下载SDK,可以选择GPL版本或商业版本,然后下载并安装Sencha Tool(如果系统中没有JRE7或更高版本,需要下载带JRE的版本)。完成这些准备工作后,通过命令行进入SDK目录,使用`sencha generate app-classic cmpwebui ./CMPWebUI`命令创建新项目。这会在指定位置生成一个名为CMPWebUI的项目文件夹,包含了标准的文件结构。 接下来,进入项目目录并运行`sencha app watch`,这将启动项目预览服务器,通常在1841端口,如果该端口已被占用,会自动选择下一个可用端口。通过浏览器访问`http://localhost:1842/`可以看到预览页面,包括官方示例。若要查看自建项目,应访问`http://localhost:1842/cmpwebui/`。 项目发布时,可以使用`sencha app build`命令,生成适用于生产环境的代码。这个过程将优化和压缩代码,提高应用程序的性能和加载速度。 学习Sencha Ext JS 6,除了理解基本的框架结构和历史,还需要掌握其组件模型、布局管理、数据绑定、事件处理以及如何利用MVC或MVVM模式构建应用。此外,熟悉其强大的图表、表格和表单组件,以及如何与后端服务进行交互,都是成为熟练开发者的关键。通过实践和不断探索,开发者可以充分利用Ext JS 6的强大功能,构建出高效、可维护的复杂Web应用。