登录
注册
关于我们
简体中文
ENGLISH
搜索
购物车
0 ITEMS ON YOUR CART
首页
动态
方案
案例
专栏
期刊
联系我们
首页
期刊
Ext JS介绍与快速入门2
Ext JS开发大全
第1章 Ext JS快速入门示例[4/4]
第12章[12.10]富文本编辑器 CKEditor与Ext JS的整合
第12章[12.10.1] Ext JS + CKEditor+Spring Boot 实现编辑器图片上传
第11章[11.6] Ext JS 自行搭建远端库的包升级版本后找不到的问题解决
[Ext JS 4] 实战之Grid, Tree Gird编辑
ext命令集
第12章[12.3] Ext JSGrid中的超链接列及其功能实现
[Ext JS]textfield添加compositionstart、compositionupdate 和compositionend _os
[Ext JS ] 动添切换字段的必填与非必填
3.1 Ext JS 组件总览
[Ext JS] Grid表格批量编辑的实现
Ext JS 快速开发工具
带触发器按钮的输入框
Ext JS的布尔对象类型处理及便捷方法
Ext JS的Object类型处理及便捷方法
ExtJS RadioGroup(单选按钮组) 使用及注意事项
Ext JS 模拟后端数据实现
ToolTip 实现全介绍
Ext JS下拉单选框(Combobox,TagFied)使用及疑难问题解决
Ext JS应用测试概览
Sencha Studio 监视工具( Inspect Tool)
Ext JS 4 升级指南
Ext JS 如何定义公用方法(单例类 or 静态方法)
Ext JS的模块化开发(Package)
Ext3 -- Form 实例。 用来migrate file 数据到DB用的
ExtJS 3 在Tab下加入Form 实例
Extjs Grid 中给已经添加过Filter的列增加标识
Extjs 实战之 Ext.tree.TreePanel Tree无法显示
Extjs弹出框的异步执行
Grid 动态该表列( reconfigure)的性能改善
Spring Boot Ext JS准前后端框架应用的会话(Session)处理
[Ext JS 4] Extjs 图表 Legend(图例)的分行与分列显示
[Ext JS 4] Extjs 之 initComponent 和 constructor的区别
[Ext JS 4] Grid 中的单元格添加Tooltip 的效果
[Ext JS 4] Grid 实战之分页功能
[Ext JS 4] Grid 组件
[Ext JS 4] MVC 应用程序框架
[Ext JS 4] MVC 应用程序框架
发布 [Ext JS 4] contentEL,renderTo, applyTo 释义与区别
[Ext JS 4] 动态加载
[Ext JS 4] 实战之 ComboBox 和 DateField (消失之解决办法)
[Ext JS 4] 实战之 Picker 和 Picker Field
[Ext JS 4] 实战之 带week(星期)的日期选择控件(二)
[Ext JS 4] 实战之 ComboBox 和 DateField 的点击事件在IE下失效
## [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)
[Ext JS 4] 实战之 带week(星期)的日期选择控件
[Ext JS 4] 实战之Chart 坐标控制(单坐标,双坐标)
[Ext JS 4] 实战之Chart, Column Chart 定制颜色
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列续(性能考虑)
[Ext JS 4] 实战之Grid, Tree Gird 动态添加行
[Ext JS 4] 实战之Grid, Tree Gird 添加按钮列
[Ext JS 4] 实战之Grid, Tree Gird编辑Cell
[Ext JS 4] 实战之Load Mask - 在Grid Reconfigure的使用状况
[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
[Ext JS 4] 实战之多选下拉单 (带checkbox)
[Ext JS 4] 实战之升级系列一[Ext jS 3-->Ext JS 4]
[Ext JS 4] 实战之将chart导出为png, jpg 格式的文件
[Ext JS 4] 实战之浏览器兼容
[Ext JS 4] 布局之实战二 - 中间区块不会自动伸展 (tab)续
[Ext JS 4] 组件之图表
[Ext JS 4]后台自动产生图档
[Ext JS 4]性能优化
[Ext JS 7 ]7.5 自适应配置 - Responsive Configs
[Ext JS 7] 关联(Association)
[Ext JS 7]事件(Event)
[Ext JS 7]ClassRequire错误解决
[Ext JS 7]的开发模式
[Ext JS 7]基于NPM的开发
[Ext JS ] 动添切换字段的必填与非必填
[Ext JS4] 数据包
[Ext JS4系列]Ext JS4 入门
[Ext JS6] Grid不同列的关联编辑
[Ext JS6] ViewControllers-视图控制器
[Ext JS6]Ext.Template
[Ext JS6]Sencha Cmd
[Ext JS6]编码规范
[Ext JS6]多类型设备开发
[Ext JS6]工作区-Workspace
[Ext JS6]路由(Routing)及使用
[Ext JS6]视图模型和数据绑定
[Ext JS6实战] Ajax获取Tree Store
[Ext JS6实战] Ext.XTemplate
[Ext JS6实战]动态数据绑定
[Ext JS] Sencha Cmd命令参考之二
[Ext JS] Sencha Cmd命令参考之一
[Ext JS] Group Grid-分组网格
[Ext JS] Group Grid-分组网格
[Ext JS]嵌套Grid的实现及注意事项
[Ext JS]SimXhr.js__dc=1659315492151_65 Uncaught TypeError问题分析与解决
[Ext JS]Sencha Studio安装与快速介绍之一
[Ext JS]textfield 添加 compositionstart、compositionupdate 和 compositionend
[Ext JS]图片显示方式
[ExtJS 6]Grid分页工具栏无效问题解决
[ExtJS6]ResponsiveColumn-自适应列布局
[Extjs 4] 类系统
基于Ext JS的模块化应用框架搭建及开发
[Ext JS] 自行搭建远端库的包升级版本后找不到的问题解决-The following versions are available
[Ext JS]鼠标移入移除时弹出和关闭窗口
[Ext JS]富文本编辑器 CKEditor与Ext JS的整合
[Ext JS]可编辑列Grid的全场景开发
['Ext JS]Grid中的超链接列及其功能实现
[Ext JS]Ext JS + CKEditor+Spring Boot 实现编辑器图片上传
[Ext JS]介绍与快速入门1
[Ext JS]实现带动态数字的图标
Spring Boot+Ext JS 实现图形验证码
Ext JS介绍与快速入门2
Ext JS开发基本环境准备与项目创建
[Ext JS]开发模式及快速测试方式
[Ext JS]多类型终端-电脑、移动端(手机、平板)
[Ext JS]基于Ext JS的MVC/MVVM架构的应用开发模式
[Ext JS]Ext JS的类与类体系
[Ext JS]Ext JS组件、容器与布局
[Ext JS]组件与容器的选择与开发
[Ext JS]Ext JS数据模型与数据封装
[Ext JS]Ext JS的控制器类型及使用
[Ext JS]说透Ext JS的窗口及对话框用法
[Ext JS]说透Ext JS的窗口及对话框用法
[Ext js]Grid行选择的多种场景和实现方式
[Ext JS]Ext JS类的继承与混合
CmsWing
Ext JS介绍与快速入门2
## Ext JS介绍与快速入门2 ### Ext JS学习文档 Ext JS提供了详尽的英文版官方在线学习文档,地址是: https://docs.sencha.com/ ![](/upload/picture/2022-10-10/upload_3dca450406144da6d6a6eabd8c16256d.png) 该在线文档提供了Ext JS、ExtAngular、ExtReact、ExtWebComponent、GXT和Sencha Touch框架的开发指南和API参考, 也提供了Cmd、Architect、Themer、IDE Plugins、Sencha Inspector、Filddle等工具的使用介绍。 官方提供了Ext JS的不同版本的开发指南以及API参考, 比如 Ext JS 7.2.0的地址是:https://docs.sencha.com/extjs/7.2.0/ ![](/upload/picture/2022-10-10/upload_57fa1d6b86e8450ec542cec61939abe7.png) 这些文档也可以下载,以Ext JS为例, 下载页面如下: ![](/upload/picture/2022-10-10/upload_d66ffe7eb7b20662a884c9f135813d08.png) 除了官方的学习站点外, 还有一个中文的Ext JS的学习网站可以参考: http://extjs.org.cn。 ### Ext JS的授权 在Ext JS 3及之前的版本中, 完全免费, 但是在Ext JS4之后,Ext JS的授权协议就发生了变化了, 一句话,开始收费了。如果不是个人学习使用,而是企业使用或是作为软件产品的组件使用时就要特别注意了。在介绍Ext JS的授权之前,先了解几个著名的开源协议: ### 开源协议介绍 MTI:从名字可以看出,这个协议,来自麻省理工学院,属于最宽泛的协议。基本上可以理解为“为所欲为”。 Apache Licence:著名的非盈利开源组织Apache采用的开源协议,代码开源且允许修改, 修改后的产品可以开源,也可以以商业软件发布。 BSD开源协议:Berkeley Software Distribution, 伯克利软件发行版。 开源,自由使用和修改,和Apache协议类似, GPL,GNU General Public License, 这里的GUN就是那个知名的操作系统。Linux使用的就是这种协议。GPL代码开源也允许免费使用和修改,但是不允许修改后的代码不能作为商业软件发布和销售, 也就是基于GPL协议的代码也必须开源免费。修改后必须开源 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v9P24f2y-1605481305202)(images/screenshot_1588548796036.png)]. ### Ext JS授权协议 开源协议也不是一成不变的,Apache Licence就经历了 1.0,2.0的进化,GPL同样经历了v1,v2和v3等版本。Ext JS提供了两种授权协议: 商业协议 GPLv3 如果采用GPLv3开源协议,则基于Ext JS开发的软件或产品也需要开源;如果购买商业授权的话,则没有这个限制了。 官方不允许先在GPLv3开发,再转化为商业协议, 也就是说你一开始就要买, 不能用着用着感觉不错再买。但Ext JS也提供了30天的试用。 和Ext JS一样,Sencha Touch、Sencha GXT也支持GPLv3协议,但ExtAngular、ExtReact、Sencha Test和Sencha Architect则只支持商业协议。 试用版需要到填写使用申请,申请审核后会收到下载的链接地址。试用申请地址: https://www.sencha.com/products/extjs/evaluate/ Ext JS框架和工具都可以申请试用版, 框架的使用版会带一个浮水印,过期后依旧可以使用,但是工具在试用期过后,就不能使用了。 试用期如果对浮水印有介意的话,通过一些改动也是可以去除(详情可以咨询作者)。 ### Ext JS商业版 Ext JS的授权按照付费的次数分为两种: 永久授权, 一次性买断 按年付费 永久授权 目前来看,永久授权有专业版(Pro)和企业版(Enterprise)两个版本,官方提供了5个开发者的费用参考( 2020年的价格): 专业版, 5个开发者一次性费用 6280美元, 大约 4万多人民币 企业版 ,5个开发者一次性费用 9190m美元,大约 6万多人民币 两个版本的差异及官方报价截图如下: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4mHXTRnZ-1605481305205)(images/screenshot_1588558525149.png)] 从上面图可以看出, 专业版包含了专业版包括Ext JS框架本身、Cmd、Stencils设计工具,Visual Studio的代码插件、IDE的插件(支持JetBrains、Visual Studio Code、Visual Studio和Eclipse的插件) Architect(可视化应用开发)、Themer(样式设计工具) 。 相对于专业版,企业版二外提供了一些更高级的组件以及Angular和React的以及ExtWebComponent, 具体的额外功能有: Inspector(调试工具) D3 Adapter(数据可视化,图形) Pivot Grid(数据分析) Calendar (事件管理) Exporter(数据导出) ExtAngular专业版 ExtReact专业版 Sencha Test 单元测试及自动化测试工具 按年付费 5个开发者的永久性授权,适用在大中型的项目。如果单个开发者,按年购买也是个不错的选择,一个开发者一年的最低费用是1499美元,不到1万人名币。 对于单个开发者来说可以选择的版本选项更多, 包括以下四个: 社区版, 免费使用,有框架本身以及Cmd 工具。但社区版需要遵循GPLV3 开源协议, 也就是使用Ext JS开发的产品需要开源 专业版, 1499美元一年, 比社区版多了开发工具、架构工具和样式主题的设计工具。 企业版, 1899美元一年,比专业版多了其他框架的支持 以及自动化测试的工具。 无限制版, 比企业版多了编辑器和图表等组件支持,这个版本的价格需要联系客服。 按年购买授权的各版本功能及价格如下图。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-paABeFHR-1605481305212)(images/screenshot_1588558874051.png)] ### 其他授权 ExtWebComponents、ExtAngular、ExtReact也可以单独购买,只有 Pro专业版, 价格799美元 GXT,Premium版本,8450美元 Sencha Test 5个开发者,一年 2475美元 ### Ext JS的授权使用建议: 企业内部使用建议购买5个开发者的商业版, 不过前端开发投入的人力不多, 或是非商业的话,可以考虑使用社区版或单开发者的版本。具体建议如下表: 序号 使用场景 建议 其他说明 1 个人学习 试用版和社区版都可以 试用版对相关的工具有30天的使用, 组件上有浮水印, 但可以消除掉 2 开源项目 社区版 3 企业内部使用小型项目 单开发者 4 企业内部使用大型项目或商业项目 1. 资金紧张, 人员前端技术强 ==》5开发者的专业版 ;2. 资金充裕 ==》 5开发者的企业版 ### 参考 官方报价:https://www.sencha.com/pricing/ 按年购买授权: https://www.sencha.com/store/extjs/#annual Ext JS 社区版地址:https://www.sencha.com/products/extjs/communityedition/ ### Ext JS的获取 通过Ext JS官方网站可以获取Ext JS相关的软件包及工具。 Ext JS SDK及相关工具试用版本获取 Ext JS的开发工具包和相关工具需要申请后下载,进入以下地址: https://www.sencha.com/products/extjs/evaluate/ 页面效果如下: ![](/upload/picture/2022-10-10/upload_256b694bc029994dbc1afa920be3ea4a.png) 稍后我在邮箱中收到下载链接的邮件,点击下载,效果如下图: ![](/upload/picture/2022-10-10/upload_9eb5dab5eb78a1f4d26a015058012ed4.png) 通过邮箱中的链接可以获取EXT JS SDK , 另外还可以下载其他产品的30天的试用,包括: 附加组件 Pivot Grid: 数据透视网格,快速统计的表格 D3 Visualization: D3的可视化库, 就是Web Chart Calendar: 日历 Data Exporter:数据导出 Sencha Themer、Architect、Stencils和Inspector Sencha CMD获取 cmd没有license限制,直接通过以下链接即可以下载: https://www.sencha.com/products/extjs/cmd-download/ 下载页面如下: ![](/upload/picture/2022-10-10/upload_e530325c67237a73c3ea71cf0098b25b.png) Sencha官方提供了不同操作系统的下载版本,因为cmd需要JRE的支持,如果机器已经安装了JRE,可以选择不包含JRE的版本。 百度网盘资源 以上资源也可以到如下网盘下载: https://pan.baidu.com/s/1Gmj6QZ2JJXrMg-J4mK7Bdw 以上是Ext JS7.0 的相关文件,包括的文件有: ![](/upload/picture/2022-10-10/upload_3055e87241c81f8aabc88a70f7b1ee82.png) Ext JS 7.3 相关下载地址: 链接:https://pan.baidu.com/s/1ovHYw4LtrjRwDLjVIZEJ5w 提取码:aioo
网站导航
首页
动态
方案
案例
专栏
期刊
联系我们