`
webdev2014
  • 浏览: 680125 次
文章分类
社区版块
存档分类
最新评论

Ext JS 5初探(一)

 
阅读更多

在开始前,先安装好Sencha Cmd 5。然后输入以下命令创建一个测试用的应用程序:

sencha -sdk c:\ext5 generate app TestExt5 C:\TestExt5

想不到Sencha Cmd 5的提示简洁了那么多,以下是输出:

Sencha Cmd v5.0.0.116
[INF] Loading app json manifest...
[INF] Writing content to C:\TestExt5/bootstrap.js
[INF] Writing content to C:\TestExt5/bootstrap.json

下面使用Sencha Cmd的Web服务器功能来测试一下生成的应用程序,命令如下:

sencha fs web -port 8000 start -map C:\TestExt5

在浏览器地址栏输入“localhost:8000”,会看到如下图所示的效果。应用程序结构和Ext JS 4时生成的应用程序结构一样,只是多了按钮和说明。


下图是生成的目录结构,这个和Ext JS 4时的结构没有变化。



下面来看看具体的文件的内容,首先来看看启动用的index.html文件,代码如下:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">

    <title>TestExt5</title>

    <!-- The line below must be kept intact for Sencha Cmd to build your application -->
    <script id="microloader" type="text/javascript" src="bootstrap.js"></script>

</head>
<body></body>
</html>

这个变化可大了,4需要将加载的文件一个个的写上去,这里只需要加载bootstrap.js文件就行了,联样式文件也不需要。下面要研究的就是这个bootstrap.js文件了。由于这个文件代码比较多,所以在下篇文章再给大家分析。
分享到:
评论

相关推荐

    ExtJS Ext ExtJavascript Javascript

    ExtJS Ext ExtJavascript Javascript

    [Ext JS] Ext JS 实战 第2版 英文版

    Ext JS in Action Second Edition teaches Ext JS from the ground up You&quot;ll start with a quick overview of the framework and then explore the core components by diving into complete examples ...

    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_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...

    ext js javascript ext设计软件

    ext js javascript ext设计软ext js javascript ext设计软件件ext js javascript ext设计软件

    Ext Js权威指南5

    Ext Js权威指南Ext Js权威指南 分5卷 不错的学习ExtJs的书籍

    Ext JS权威指南

    第2章介绍了ext js 4的获取、ext js库的配置与使用、语法、本地化,以及一个经典的入门示例;第3章详细讲解了调试的工具及技巧,这是本书的重要内容,希望所有web开发者都能掌握;第4章全面介绍了ext js的基础架构;...

    Chapter3-《Ext JS高级程序设计》源代码

    Chapter5《Ext JS高级程序设计》源代码.rar Chapter6-《Ext JS高级程序设计》源代码.rar Chapter7-《Ext JS高级程序设计》源代码.rar Chapter8-《Ext JS高级程序设计》源代码.rar Chapter10-《Ext JS高级程序设计》...

    Ext JS源码分析与开发实例宝典光盘源码

    Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发...

    ext JS 源码和学习资料

    ext JS 源码和学习资料,包含ext-3.2.0,ext3.3.1,ext4等多个版本源码,包含多个版本中文API和实用学习pdf

    Chapter6-《Ext JS高级程序设计》源代码.rar

    Chapter5《Ext JS高级程序设计》源代码.rar Chapter6-《Ext JS高级程序设计》源代码.rar Chapter7-《Ext JS高级程序设计》源代码.rar Chapter8-《Ext JS高级程序设计》源代码.rar Chapter10-《Ext JS高级程序设计》...

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    深入浅出Ext JS深入浅出Ext JS

    深入浅出Ext JS的代码 深入浅出Ext JS的代码实例

    Ext JS - JavaScript Library

    extjs帮助文档等!Ext JS - JavaScript Library

    [pdf]Ext JS 6 By Example

    一本国外牛人写的关于 ExtJS 6 的电子书 [Ext JS 6 By Example]。这份资料在 PACKT上卖 35.99 刀的,讲的很详细,例子也比较简单,容易理解,现我准备利用工作之余翻译这份文档,为自己学习加深理解,也希望能帮助更...

    Ext JS高级程序设计

    Ext JS高级程序设计.一共三章,三个文档。对extjs感兴趣的朋友共享

    Ext JS Library 2.2

    Ext JS Library 2.2

    javascript类库ext,js

    javascript类库-ext.js,javascript类库-ext.js

    ext js mvc demo 实例

    ext js mvc 基本布局 以及菜单栏的点击事件 也是初学者 。

    Ext JS Notification 插件

    Ext JS Notification 插件 Ext JS Extension,先备份一下,以防以后用到

    深入浅出Ext.JS (7)

    ext js是一种用javascript编写的功能强大的ajax框架,可用于开发绚丽多彩的富客户端ajax应用。本书是ext js领域内的经典著作,由浅入深、循序渐进地对ext js各方面的知识进行了全面而系统的阐述。全书由一个可以引领...

Global site tag (gtag.js) - Google Analytics