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

Sencha Ext JS号称是世界上最先进、最强大的支持多平台、多设备的JavaScript应用开发框架。首先，看一下Ext JS的简史。

1 ext js发展简史。

1.杰克斯洛克姆，《一》的作者。YUI-Ext，本打算基于BSD协议定制雅虎用户界面(YUI)库的扩展，但一度超越父亲yui

2.2006年底，YUI-Ext简化为Ext，反映了其作为一个框架的成熟性和独立性。公司成立于2007年初，Ext现在是双牌照，使用LGPL和营业执照；

3.2007年4月1日，1.0正式版发布，目前版本为6.0；

4.MVC/MVVM风格的应用架构与SCSS:是从4.0引入的。

5.从5.0开始，不再支持IE5、6、7等老浏览器；

6.从6.0开始，Sencha Touch和ExtJS合二为一，这表明用户可以开发出既能支持传统台式机，又能支持平板电脑或手机的应用。

2开发准备。

1.首先，您需要下载Ext JS SDK和ExtJS 6.0 SDK GPL的https://www.sencha.com/legal/gpl/官方版本。如果需要商业应用，请下载商业版。解压到d驱动器。

2.下载森查工具。假设您的系统中没有安装JRE7，请下载JRE版本的Sencha Tool并成功安装。

3项目创建。

1.用管理员打开命令行，用cd /d d:\ext-6.0.0进入SDK目录。

2.使用sencha-SDK。/ext-6.0.0生成app-classic cmpwebui。/CMPWebUI命令创建一个基于ext-6.0.0版本的名为CMPWebUI的应用程序。项目路径为。/cmpwebui。

在目录D:\ext-6.0.0下生成CMPWebUI项目文件，文件结构如下：

3.进入项目文件，用sencha app watch预览项目。默认端口号是1841。如果当前可用，它将递增。这里的港口是1842年。

在浏览器中输入http://localhost 33601842/进行预览，和我一开始预想的不一样。它包含官方示例，您可以单击[查看示例]查看它们。

那么你创建的项目在哪里？您可以输入http://localhost 33601842/cmpwebui/查看。

4.发布项目，并使用sencha app build进行编译。

编译后，您可以在ext-6.0.0下的构建文件下看到发布的项目。

5.IIS项目发布，这里需要注意配置IIS来解析JSON，否则网站无法预览。

运行其实很简单，只要文件的*。json可以被Web服务器解析。这里以IIS7为例。

1)安装对IIS7的ASP支持。

控制面板-程序和功能-打开和关闭Windows功能-角色-添加角色服务-应用程序开发-选择ASP。

2)将MIME类型添加到默认网站。

add-文件扩展名为json，MIME类型为text/json(也可以使用application/x-javascript)。

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

处理程序映射-添加脚本映射。请求路径是*。json，可执行文件是% windir % \ system32 \ inetsrv \ asp.dll，名字是json。

4)在默认文档中添加index.html。

5)在默认网站下创建SenchaTouch应用，在IIS6下称为虚拟目录。

6)使用Chome prevIEw(即不支持)。

此时，配置完成后，您可以看到文件夹下还有一个额外的web.config。

再次刷新网页：

以上对sencha ext js 6(必看)的快速介绍是边肖与您分享的所有内容。希望能给大家一个参考，多支持我们。