sencha ext js 6 快速入门(必看)

网络编程 2025-04-05 00:21www.168986.cn编程入门

Sencha Ext JS 6快速入门指南(强烈推荐)

在长沙网络推广的推荐下,我们带来一篇关于Sencha Ext JS 6的详细入门指南。对于想要学习或使用Ext JS 6的开发者来说,这是一个极好的资源。跟随我们的步伐,一起Ext JS 6的魅力吧。

一、Ext JS简介

Ext JS,号称目前世界上最先进、支持多平台多设备的JavaScript应用程序开发框架。它是由Jack Slocum(杰克·斯洛克姆)创建并发展至今,经历了多年的迭代和更新。从最初的YUI-Ext,到现在的Ext JS 6,它已经成为开发者中备受推崇的工具。

二、Ext JS 6发展简史

1. YUI-Ext的作者Jack Slocum打算对Yahoo User Interface (YUI)库进行自定义的扩展,后来逐渐崭露头角。

2. 2006年底,YUI-Ext被简化为Ext,象征着它的成熟和独立。从那时起,Ext JS开始逐渐发展壮大。

3. 2007年4月1日,Ext JS 1.0正式版发布,而现在我们已经迎来了版本6.0。

4. 从4.0版本开始,Ext JS引入了MVC/MVVM风格的应用架构和SCSS。

5. 从5.0版本开始,Ext JS不再支持老旧的浏览器,如IE5、6、7等,专注于现代浏览器支持。

6. 到了6.0版本,Sencha Touch和ExtJS合二为一,为用户带来既支持传统桌面、又支持平板或手机的应用体验。

三、开发准备

1. 下载Ext JS SDK。请访问官方(

2. 下载并安装Sencha Tool。确保你的系统中安装了JRE7+。

四、项目创建与预览

1. 打开命令行(以管理员身份),进入SDK目录,如:cd /d d:\ext-6.0.0。

2. 使用命令生成app:sencha -sdk ./ext-6.0.0 generate app -classic cmpwebui ./CMPWebUI。这将在D:\ext-6.0.0下生成名为cmpwebui的app项目。

3. 进入项目文件下,使用sencha app watch命令启动项目预览。默认端口号为1841,如有冲突则会递增。可以在浏览器中访问

4. 官方示例可通过

5. 自己创建的项目可以通过

五、项目发布与编译

使用sencha app build命令进行编译。编译完成后,可以在ext-6.0.0下的build文件下找到发布的项目。

六、IIS项目发布及配置

为了让.json文件能被Web服务器,需要进行IIS配置。这里以IIS7为例:

1. 安装IIS7的ASP支持。

2. 为默认网站添加MIME类型,支持json文件。

3. 为默认网站安装脚本映射。

至此,你已经完成了Sencha Ext JS 6的入门准备和项目开发的基本流程。希望这篇指南能为你带来帮助,激发你在JavaScript开发领域的无限可能。在数字时代的浪潮中,我们为您带来一篇关于Sencha Ext JS 6的生动、详尽的快速入门指南。这篇指南由长沙网络推广团队精心打造,旨在为那些渴望掌握这一技术的新手们提供一把锋利的钥匙,解锁Ext JS 6的魅力与奥秘。希望这篇文章能够给您带来深刻的启示和帮助,也诚挚地希望您能够关注并支持狼蚁SEO。

让我们开始我们的旅程。在您的默认文档中,您需要添加一个名为index.html的文件。这个简单的步骤就像是给您的网站开启了一扇通往全新世界的大门。接下来,我们要在您的默认网站下创建一个Sencha Touch应用程序,这通常被称为IIS6下的虚拟目录。创建这个应用程序就像是搭建一个崭新的舞台,等待着您在这里施展才华和创意。

完成以上步骤后,一个名为web.config的配置文件将会出现在您的文件夹中。这个文件是您的应用程序的核心组成部分,它承载着您的应用程序的配置信息和规则。在这里,您可以定义各种设置,以满足您的应用程序的需求。

现在,配置过程已经完成,您可以打开Chrome浏览器进行预览(因为IE浏览器不支持此功能)。当您刷新网页时,您将看到Sencha Ext JS 6应用程序的绚丽世界展现在您的面前。这是一个充满活力、充满无限可能的世界,等待着您去和创新。

Sencha Ext JS 6是一款强大的JavaScript框架,它提供了丰富的工具和组件,帮助您快速构建现代化、高性能的Web应用程序。在这篇快速入门指南中,我们为您介绍了如何开始使用Ext JS 6,但真正掌握它还需要您去深入和实践。我们相信,只要您保持学习的热情和对技术的追求,您一定能够在这个世界中创造出无限可能。

我们诚挚地希望您能多多支持狼蚁SEO,我们将持续为您提供更多高质量、有价值的内容。让我们一起在Sencha Ext JS 6的世界中、创新、成长!让我们一起迎接未来的挑战,共同创造美好的明天!

至此,我们已经完成了对Sencha Ext JS 6的快速入门介绍。如果您有任何疑问或建议,请随时与我们联系。让我们携手共进,共创辉煌!

(注:以上内容仅为对原文的重述和扩展,旨在为读者提供更生动、详细的阅读体验。)现在您可以运行`cambrian.render('body')`来进一步丰富和完善您的应用体验了!

上一篇:Vue.js计算属性computed与watch(5) 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by