Extjs6 项目构建

一 学习前的了解:

1.Extjs6其实是结合了两个框架:Extjs 和Sencha Touch;

2.Extjs6有两个工具包: classic (存放原来Extjs的可视化组件)和 modern (存放原来Sencha Touch的可视化组件);

3.你需要安装一个叫Sencha Cmd的工具, 这会让你的Extjs应用开发变得简单;

二 安装

1.下载并安装Sencha Cmd 6

在安装Sencha Cmd之前,你需要安装JRE环境,在命令行输入 java -version,看到java版本后便可安装Sencha Cmd;

Sencha Cmd安装后在命令行输入 sencha which 检测是否安装成功;

2.下载并解压缩 Ext Js Sdk

三 生成应用

打开命令窗口输入一下命令便会生成应用, 其中MyApp是根命名, myapp是项目路径

sencha -sdk /path/to/sdk generate app [--modern/classic] MyApp /path/to/ myapp

eg: sencha -sdk ~/extjs/ext-6.2.0 generate app --classic Platform GcPlatform

上面的命令默认生成的Extjs应用包含两个工具包:classic和modern. 如果你需要指定只使用其中某个工具包, 则可以加上 -modern 或者-classic生成对应应用.

例如:生成classic应用

sencha -sdk /path/to/sdk generate app --classic MyApp /path/to/ myapp

四 运行应用

cd projectPath //进入项目路径

sencha app watch //运行应用

此时如果没报错的话,可以看到运行地址,一般是http://localhost:1841,访问地址可以看到默认的应用

五 构建应用

sencha app build

还可以选择构建modern或classic风格的应用

sencha app build modern

sencha app build classic

六 代码生成

sencha generate view myApp.MyView

sencha generate model MyModel id:int,fname,lname

sencha generate controller MyController

当你生成 model 时如果不指定字段类型，默认类型是 string。