Sencha Ext JS 6:快速入门与开发指南
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应用。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2021-04-08 上传
2021-05-06 上传
2013-10-29 上传
2019-03-06 上传
2013-03-12 上传
2011-03-28 上传
weixin_38539018
- 粉丝: 6
- 资源: 941
最新资源
- JHU荣誉单变量微积分课程教案介绍
- Naruto爱好者必备CLI测试应用
- Android应用显示Ignaz-Taschner-Gymnasium取消课程概览
- ASP学生信息档案管理系统毕业设计及完整源码
- Java商城源码解析:酒店管理系统快速开发指南
- 构建可解析文本框:.NET 3.5中实现文本解析与验证
- Java语言打造任天堂红白机模拟器—nes4j解析
- 基于Hadoop和Hive的网络流量分析工具介绍
- Unity实现帝国象棋:从游戏到复刻
- WordPress文档嵌入插件:无需浏览器插件即可上传和显示文档
- Android开源项目精选:优秀项目篇
- 黑色设计商务酷站模板 - 网站构建新选择
- Rollup插件去除JS文件横幅:横扫许可证头
- AngularDart中Hammock服务的使用与REST API集成
- 开源AVR编程器:高效、低成本的微控制器编程解决方案
- Anya Keller 图片组合的开发部署记录