一、ExtJs是什么?
ExtJS是一个用来开发浏览器富客户端(RIA,Rich Internet Application)的Ajax框架,通过参考JavaSwing等机制组织可视化组件,完全独立于后端语言,使不同后端语言开发人员在没有较多前端知识储备情况下仍然可以开发出优美的界面(不用过多理会html+css+美工),比较适合企业管理系统之类的应用。Extjs4以后引入mvc编程思想,更加丰富了该框架,extjs学习曲线较为陡峭。万事开头难,学好extjs对独立开发可用的单功能应用系统有帮助,可以减少对前端开发人员的依赖。
二、参照官方文档开始搭建简单应用。
- 打开官网链接,http://docs.sencha.com/extjs/6.2.0/index.html,Guides ->Getting Started ->Setup.
- 官方实例使用sencha cmd工具来管理extjs应用,依葫芦画瓢,跟着做一遍。
- 第一步:下载安装sencha cmd,点击 Download and Install Sencha Cmd 6 下载,setup,一直点下一步到安装完成。安装完成后sencha命令会自动添加到windows用户环境变量中。
- 第二步:下载Extjs6.2 SDk,extjs为双执照,下载ext-6.2.0-gpl, http://pan.baidu.com/s/1hssLw5e 解压到目录。
- 使用sencha命令创建应用,部署到sencha自带的jetty服务器。(jetty是一个开源的servlet容器)
比如:在E:\test\ext6.2目录下创建名为TestApp的应用,命令为:(命令结构:sencha -sdk 第二步下载的sdk解压的目录 generate app 应用名称 应用存放路径)
cd E:\test\ext6.2
E:sencha -sdk F:\opensource\javascript\ext-6.2.0-gpl\ext-6.2.0 generate app TestApp ./TestApp
cd TestApp
sencha app watch - 在浏览器中输入http://localhost:1841查看创建的创建的应用
- 回过头看TestApp的目录,一个简单的mvc结构的extjs应用就产生了。
As mentioned above, Universal applications are made up of three important areas:(通用的应用主要包括三个重要组成部分)
-
- Shared app area (most suitable for stores, models, and controllers). This area can be found in the
app
folder in your application's root.(共享部分,主要包括仓库、模型、控制器,在应用根目录的app文件夹中) - Classic app area (views and logic specific to the classic aspect of your application). This area can be found in the
classic/src
folder in your application's root.(经典风格的视图和逻辑性) - Modern app area (views and logic specific to the modern aspect of your application). This area can be found in the
modern/src
folder in your application's root(现代风格的视图和逻辑性)
- Shared app area (most suitable for stores, models, and controllers). This area can be found in the