zoukankan      html  css  js  c++  java
  • 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文件了。由于这个文件代码比较多,所以在下篇文章再给大家分析。

  • 相关阅读:
    c# 判断网络是否连接
    有关TSQL的10个好习惯
    相同文件只能一个进程读取
    我的单元测试方案
    又用了一把VBA
    深入理解字符串和字节数组转换
    如何清除应用程序承载 WebBrowser 控件时缓存
    VB也绿色
    ASP.Net网站开发的单元测试方案
    Nunit使用心得
  • 原文地址:https://www.cnblogs.com/muyuge/p/6333676.html
Copyright © 2011-2022 走看看