[Ext JS]介绍与快速入门1| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

[Ext JS]介绍与快速入门1

## Ext JS介绍与快速入门
Ext JS是一个历史悠久、组件丰富、工具完备的收费的Web前端框架。其与Angular JS 、React可以相互集成。本章在对Ext JS基本概念介绍基础上，对其版本历史、产品簇和在线文档进行说明。
基于Ext JS 7开发，最起码需要安装Sencha Cmd和获取Ext JS框架。
Sencha Cmd和Ext JS在申请可以一并获取，在获取两者之后的操作步骤如下：
安装Sencha Cmd
解压框架SDK（软件开发工具包）
使用Cmd创建项目。
### Ext JS 是什么
Ext JS是一站式的JavaScript框架，适用于创建数据密集型的HTML5 Web应用。其主要特点有：
兼容多种设备，包括桌面端、移动端等。
其提供了classic和modern两种类型的开发工具包，可以在同一个应用中同时开发支持电脑浏览器和手机、平板浏览器的应用。
包含丰富的页面组件，超过115个，包括：面板（panels）、窗口(windows)、工具栏(toolbars)、菜单(menus)、表单(forms)、列表(lists)、树(trees)、表格(Grid)以及HTML5日历(calendar)等。
默认内置多种样式风格（也叫样式主题Theme）。
在同一个应用中可以很容器切换样式风格。比如节庆日应用换成比较喜庆的风格，或是用户自行切换风格。
性能优越。
Ext JS通过Cmd工具对源码文件进行编译和压缩，大大缩减了文件的大小。
### Ext JS能做什么？
前端开发。能很快搭建前端框架，很容易的开发出效果不错的输入表单、数据列表、树形展示或图表等页面效果。
Ext JS的组件属于富客户端应用， 也就是用来显示较为密集的数据，适用在应用系统，特别是企业的管理系统，比如人员管理、产品管理等等。对于互联网应用，比如购物网站、视频网站基本作用不大，但可以用来做后台管理。
无关后端， Ext JS需要结合Java、C#或PHP等后端语言开发应用。
1.2 Ext JS的开发商及产品系列
### Ext JS是谁开发的？
Ext JS现在由Sencha公司开发和维护，Sencha的中文发音是“生茶”， 也有发“森车”的，这是一家总部位于美国得克萨斯州的首府奥斯汀（Austin）的公司。在日本、荷兰和韩国都设有销售点，其官方地址是：
https://www.sencha.com/products/extjs/
官网支持英语和日语，但没有中文的支持。
Sencha于2017年被 IDERA收购，IDERA是数据库及管理工具的知名提供商，其提供SQL Server的相关的工具比如：
性能监控的SQL Diagnostic Manager
数据库备份的SQL Safe Backup
数据库安全的SQL Secure。
### Sencha的产品簇
Ext JS是Sencha公司的主要产品， 但不是唯一产品，其提供了从设计到开发、到测试的一整套工具；也提供了与其他主流的前端框架的连接与集成；围绕Ext JS的产品包括：
Ext JS框架及相关工具
除Ext JS框架本身外，附加的功能及开发和设计工具类似：
Exporter： 导出服务，导出页面的Grid中数据，或是导入图表
Sencha Architect、Sencha Studio、Sencha Inspector、Sencha Themer等
ExtAngular
AngularJS 也是一款优秀的前端框架，现在归属Google旗下，ExtAngular提供了与Angular JS的集成。
ExtReact
React是属于Facebook的前端框架，ExtReact提供了Ext JS与React的兼容。
Sencha GXT
GWT是基于Java的UI框架，同样是Google的产品，Sencha GXT使用GWT的前端组件编译器，支持使用Java代码，最后编译成高性能的前端代码。
Sencha Touch
Sencha Touch基于HTML5和JavaScript的手机端Web框架。在2015年， 这个框架合并到Ext JS6.0。桌面端和移动端可以在同一个应用中开发。
ExtWebComponents
Ext JS的共用组件，可以被Angular JS、React等其他框架使用。ExtWebComponents与ExtReact和ExtAngular的区别是：ExtAngular是Ext JS针对AngularJS 提供的组件，而ExtWebComponents是Ext JS的组件可以通过NPM的通用前端库加载的方式被其他框架使用。
从以上框架可以看出， Ext JS除了自身框架外，还提供了对其他主流框架的支持，也支持被其他框架使用。对于使用旧项目的迁移具备较好的兼容性。
开发工具：
Sencha CMD：命令行工具， 用来创建、编译项目。
Architect：可视化的编程工具， 类似于微软的Visual 开发工具系列， 拖拉可视化组件开发。
Inspector：监控和调试工具。
设计工具：
Sencha Themer：可视化的样式设计，在不写代码的状况下，快速开发样式。
Sencha Stencils: 用来设计基于Ext JS应用的快速原型，在原型设计工具Balsamiq之上，提供了很多Ext JS的组件原型。
IDE插件
开发IDE插件：提供了主流开发IDE的插件， 包括JetBrains、Visual Studio以及Eclipse。
### Ext JS的历史
Ext JS诞生于2007年， 后归入Sencha旗下，再被IDERA收入囊中。
Ext JS从1.x 版本开始，经历了2.x 到 7.x的版本进化，现在的版本是7.0。
最初Ext JS只是一个JavaScript的前端组件库，完全开源， 通过在html或JSP页面中导入 JS和CSS文件进行开发，在Ext JS 4开始框架做了较大改动，也从免费变成收费的了，再到5.x 之后开发方式发生了较大改动， 从导入JS文件到模块化的独立前端应用开发。
![](/upload/picture/2022-10-10/upload_aa74335f2d94ef91d3fe395ab82a2593.png)

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

[Ext JS]介绍与快速入门1

网站导航