Ext JS 5初探（一）

时间：2022-09-23 16:38:53

在开始前，先安装好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 5初探（一）

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

Ext JS 5初探（一）

下面来看看具体的文件的内容，首先来看看启动用的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文件了。由于这个文件代码比较多，所以在下篇文章再给大家分析。

Ext JS 5初探（一）的更多相关文章

  1. Ext JS 5初探（三）

    在上文提到了本地化文件的问题,然后在Ext JS 5的包里找了找,居然还没包含本地化包.我估计目前还不到考虑本地化的时候.在Sencha Touch中,是没有本地化包的,但是要让Ext JS也不包含本 ...

  2. Ext JS 5初探（二） ——Bootstrap&period;js

    在Bootstrap.js文件中,总共有1500行(包含注释和空行),使用编辑器的代码折叠功能就如下图可以一窥全貌了. 从代码可以看到,这里主要定义了Ext.Boot.Ext.globalEval.E ...

  3. 初探 Ext JS 6 &lpar;sencha touch&sol;ext升级版&rpar;

    Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/product ...

  4. Ext JS 如何动态加载JavaScript创建窗体

    JavaScript不需要编译即可运行,这让JavaScript构建的应用程序可以变得很灵活.我们可以根据需要动态从服务器加载JavaScript脚本来创建和控制UI来与用户交互.下面结合Ext JS ...

  5. sencha ext js 6 入门

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

  6. Ext JS - 问答

    Ext JS - 问答 在下面你将可以找到关于Ext JS 的最常见问题的答复.如果没有找到您所需的答复,请访问 Ext JS 论坛或者提交一个支持申请. 如果你确信你的问题可以对本页有补充,请让我们 ...

  7. Ext&period;js细节&colon;在MVC中处理Widget Column，GetCmp和ComponentQuery， Id和ItemId

    针对EXT.JS版本的演进,要不断的学习新的最佳实践方法. 比如,在定义组件时,尽管用itemid,而不是id. 在搜索组件时,尽量用ComponentQuery,而不是getCmp. 在MVC中处理 ...

  8. 《Ext JS模板与组件基本知识框架图----模板》

    最近在整理Ext JS的模板和组件,在参考<Ext JS权威指南>,<Ext JS Web应用程序开发指南>,<Ext JS API>等相关书籍后才写下这篇< ...

  9. 介绍Ext JS 4&period;2的新特性的《深入浅出Ext JS》上市

    以用户为中心的时代,应用的界面外观变得越来越重要.然而,很多程序员都缺乏美术功底,要开发出界面美观的应用实属不易.Ext JS的出现,为广大程序员解决了这一难题.它有丰富多彩的界面和强大的功能,是开发 ...

随机推荐

  1. TreeMap按照value进行排序

    TreeMap底层是根据红黑树的数据结构构建的,默认是根据key的自然排序来组织(比如integer的大小,String的字典排序).所以,TreeMap只能根据key来排序,是不能根据value来排 ...

  2. Linux ubuntu 10&period;10安装OpenCv

    在windows系统下已经成功做出了一个打开摄像头并检测人脸的小程序了. 开始转战linux,因为最终目标是将程序移植到嵌入式开发板上面. 但是,问题接踵而至~ 首先linux上面要安装OpenCv, ...

  3. android XMl 解析神奇xstream 一： 解析android项目中 asset 文件夹 下的 aa&period;xml 文件

    简介 XStream 是一个开源项目,一套简单实用的类库,用于序列化对象与 XML 对象之间的相互转换. 将 XML 文件内容解析为一个对象或将一个对象序列化为 XML 文件. 1.下载工具 xstr ...

  4. 设计模式C&num;实现（八）——原型模式

    原型模式:用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象.(要创建一个对象,这个对象为实现原型接口,方法是原型克隆.克隆只是方法而不是原型模式的目的,创建对象才是目的) UML类图: ...

  5. JQuery validate 在IE兼容模式下出现 js错误（成员找不到）的修正&colon;

    JQuery validate 在IE兼容模式下 下出现 js错误(成员找不到)的修正: // Add novalidate tag if HTML5. //this.attr( "nova ...

  6. ubuntu下安装Apache&plus;PHP&plus;Mysql&lpar;转&rpar;

    转载自:http://www.comflag.com/2011/05/01/apache-web.htm 步骤一,安装apache2 1 sudo apt-get install apache2 安装 ...

  7. Go学习笔记 - 使用jsonrpc进行远程访问

    Go学习笔记 - 使用jsonrpc进行远程访问 JSON-RPC JSON-RPC是一个轻量级的远程调用协议,简单易用. 请求数据体: { "method": "get ...

  8. Android布局及属性归总（查询用）

    常见布局 LinearLayout    线性布局        子元素任意,组织成一个单一的水平或垂直行,默认为水平方向TableLayout    表格布局        子元素为<Tabl ...

  9. mysql字符集问题 错误代码： 1267 Illegal mix of collations &lpar;utf8&lowbar;general&lowbar;ci&comma;IMPLICIT&rpar; and &lpar;utf8&lowbar;croatian&lowbar;ci&comma;IMPLICIT&rpar; for operation &&num;39&semi;&equals;&&num;39&semi;

    一般是多表或跨库表查询导致出现的问题,其原因是两张表的字符集不一样导致的,那为什么两张表的字符集会不一样?这是由于架构师或者开发人员在建表的时候不小心选错字符集的原因导致的. 那好我们把两张表(或两个 ...

  10. Java中如何创建线程

    Java中如何创建线程 两种方式:1)继承Thread类:2)实现Runnable接口. 1.继承Thread类 继承Thread类,重写run方法,在run方法中定义需要执行的任务. class M ...

相关文章