Extjs6 项目构建

Bertha 。 2021-12-24 07:09 309阅读 0赞

一 学习前的了解:

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,访问地址可以看到默认的应用

![20190407165935947_HTKPLZ.jpg][]

五 构建应用

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。

转载于:https://www.cnblogs.com/hpx2020/p/11090606.html

[Sencha Cmd 6]: https://www.sencha.com/products/sencha-cmd/
[Ext Js Sdk]: http://www.sencha.com/products/extjs/evaluate/
[20190407165935947_HTKPLZ.jpg]: http://www.ishenping.com/Images/artImg/20190407165935947_HTKPLZ.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，309人围观）

还没有评论，来说两句吧...

相关阅读

相关 6.初学ExtJs——类的选项Config

在定义类的时候可以为它添加配置项，然后调用ExtJS 内置的方法完成初始化，并可以生成访问器（类似于C\里面的get和set方法）。 <html> <head

Love The Way You Lie/ 2022年08月12日 02:00/ 0 赞/ 136 阅读

相关 Extjs6 自定义事件

Extjs6中自定义事件的步骤为：添加监听器、触发事件，与之前版本相比，省去了定义事件步骤this.addEvents("walk") 注意：自定义类需要继承自Ext.uti

快来打我*/ 2022年08月09日 03:15/ 0 赞/ 156 阅读

相关 Extjs6自学笔记之使用Sencha Cmd6建立工程项目（二）

一、打开MyEclipse新建一个名为Extjs6Demo的web项目二、打开cmd，进入到项目工程WebRoot目录下，如图所示： ![0.jpg][] 三、执行命令

桃扇骨/ 2022年08月05日 07:55/ 0 赞/ 134 阅读

相关 Vue项目构建

1.通过命令安装vue-cli（脚手架），下面两个命令相同 npm i -g vue-cli npm install --global vue-cl

蔚落/ 2022年05月17日 22:51/ 0 赞/ 244 阅读

相关构建一个基本的ES6项目（一）---项目目录的创建

在网上观看ES6的学习视频，了解如何创建一个基础的ES6工程，包括目录结构，自动构建与服务器的搭建记录一下，供以后自己参考我使用的git，Windows的cmd也能用

梦里梦外;/ 2022年05月12日 09:10/ 0 赞/ 285 阅读

相关 SpringMVC项目构建

“好雨知时节，当春乃发生” 最近在学习SpringMVC，看到第一章，使用SpringMVC框架。首先，需要到spring的网站上下载需要依赖的jar包：下载地

￡神魔★判官ぃ/ 2022年05月03日 08:57/ 0 赞/ 246 阅读

相关 ES6项目实战-解析彩票项目-项目构建

慕课网视频教程 1.前言解构赋值、箭头函数、Set和Map、异步操作、类和对象、模块化基本技能： 1.构建工具：gulp、babel、webpack、npm 2

矫情吗；*/ 2022年04月04日 04:21/ 0 赞/ 253 阅读

相关项目构建思路

项目构建思路项目采用spring MVC的模式来编写。通过编写Dao层实现与数据库的交互通过编写service层实现通过Dao层间接的访问数据库

朱雀/ 2022年03月16日 01:22/ 0 赞/ 265 阅读

相关 Extjs6 项目构建

一学习前的了解: 1.Extjs6其实是结合了两个框架:Extjs 和Sencha Touch; 2.Extjs6有两个工具包: classic (存放原来Extjs的可

Bertha 。/ 2021年12月24日 07:09/ 0 赞/ 310 阅读

相关 React项目构建

React项目构建文章目录 React项目构建项目依赖安装项目整体说明配置文件详解 \\p

叁歲伎倆/ 2021年12月10日 10:04/ 0 赞/ 328 阅读