sencha ext js 6 快速入门(必看)


Posted in Javascript onJune 01, 2016

Sencha Ext JS号称是目前世界上最先进和最强大的、支持多平台多设备的JavaScript应用程序开发框架。首先看一下Ext JS的发展简史。

1 Ext JS发展简史

1.YUI-Ext的作者Jack Slocum(杰克.斯洛克姆)打算对基于BSD协议的Yahoo User Interface (YUI)库进行自定义的扩展,但后来一度风头盖过其父辈YUI;

2.在2006年底,YUI-Ext被简化为Ext,反映了它作为一个框架的成熟和独立。该公司成立于2007年初,Ext现在为双执照,使用LGPL和一个商业执照;

3.在2007年4月1日,发布1.0正式版,现在的版本为6.0;

4.从4.0开始引入了MVC/MVVM风格的应用架构和SCSS;

5.从5.0开始,不再支持老旧浏览器,如IE5、6、7等;

6.从6.0开始,Sencha Touch和ExtJS合二为一,标志着用户可以开发既能支持传统桌面、又支持平板或手机的应用

2 开发准备

1. 首先需要下载Ext JS SDK,下载ExtJS 6.0 SDK GPL正式版  https://www.sencha.com/legal/gpl/ ,如果需要商业应用,请下载商业版。解压到D盘。

2. 下载Sencha Tool ,假设你的系统里没有安装了JRE7+,请下载带JRE版本的Sencha Tool,并成功安装。

3 项目创建

1. 用管理员打开命令行,用 cd /d d:\ext-6.0.0 进入SDK目录

2. 用 sencha -sdk ./ext-6.0.0 generate app -classic cmpwebui  ./CMPWebUI 命令创建基于ext-6.0.0版本的名为cmpwebui的app,项目路径为./CMPWebUI.

sencha ext js 6 快速入门(必看)

在目录D:\ext-6.0.0下生成CMPWebUI项目文件,文件结构如下:

sencha ext js 6 快速入门(必看)

      3. 进入项目文件下,用 sencha app watch 项目预览,端口号默认为1841,如果当前已有,则会递增,这里端口为1842

sencha ext js 6 快速入门(必看)

     在浏览器中输入http://localhost:1842/进行预览,和我一开始期望的不同,里面包含官方的例子,可以点击【view the Example】进行查看。

sencha ext js 6 快速入门(必看)

sencha ext js 6 快速入门(必看)

sencha ext js 6 快速入门(必看)

那么自己创建的项目在哪呢?可以输入http://localhost:1842/cmpwebui/ 进行查看

sencha ext js 6 快速入门(必看)

 4. 项目发布,用sencha app build进行编译

sencha ext js 6 快速入门(必看)

 

sencha ext js 6 快速入门(必看)

编译完成后,可以在ext-6.0.0下的build文件下看到此发布的项目。

 5. IIS项目发布,这里需要注意配置IIS来解析JSON,否则网站无法预览、

sencha ext js 6 快速入门(必看)

想要运行其实很简单,只要能让*.json的文件能够被Web服务器解析即可,这里以IIS7为例说明。

1)安装IIS7的ASP支持

控制面板-->程序和功能-->打开和关闭Windows功能-->角色-->添加角色服务-->应用程序开发-->选择ASP

2)给默认网站添加MIME类型

添加-->文件扩展名为json,MIME类型为text/json(或application/x-javascript也可以)

3)给默认网站安装脚本映射

处理程序映射-->添加脚本映射。请求路径为*.json,可执行文件为%windir%\system32\inetsrv\asp.dll,名称为json

4)在默认文档中添加index.html

5)在默认网站下创建SenchaTouch应用程序,IIS6下称作虚拟目录。

6)使用Chome预览(IE不支持)

至此配置完成后,可以看到文件夹下多了 一个web.config

sencha ext js 6 快速入门(必看)

再刷新网页即可:

sencha ext js 6 快速入门(必看)

以上这篇sencha ext js 6 快速入门(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js获取单选框或复选框值及操作
Dec 18 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
Jun 01 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 #Javascript
分享一个插件实现水珠自动下落效果
Jun 01 #Javascript
js匿名函数作为函数参数详解
Jun 01 #Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 #Javascript
JavaScript中匿名函数的用法及优缺点详解
Jun 01 #Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 #Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 #Javascript
You might like
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
基于Swoole实现PHP与websocket聊天室
2016/08/03 PHP
php设计模式之观察者模式定义与用法经典示例
2019/09/19 PHP
更优雅的事件触发兼容
2011/10/24 Javascript
javascript运行机制之this详细介绍
2014/02/07 Javascript
yepnope.js使用详解及示例分享
2014/06/23 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
python爬取网易云音乐评论
2018/11/16 Python
Python爬虫文件下载图文教程
2018/12/23 Python
使用Tkinter制作信息提示框
2020/02/18 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
个人简历自荐信
2013/12/05 职场文书
中级会计职业生涯规划书
2014/03/01 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
会议通知
2015/04/15 职场文书
高三英语教学反思
2016/03/03 职场文书