Ext JS 5初探(一)
来源:互联网 发布:mac磁盘工具 编辑:程序博客网 时间:2024/05/16 19: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 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文件了。由于这个文件代码比较多,所以在下篇文章再给大家分析。
0 0
- Ext JS 5初探(一)
- Ext JS 5初探(三)
- Ext JS 5初探(三)
- Ext JS 5初探(二) ——Bootstrap.js
- Ext JS 5 (一)准备篇
- EXT源码解析:EXT.js(一)
- Require.js初探(一)
- Ext-JS表单提交初探(用户注册)
- 阅读Ext 学习Javascript(一)Core/Ext.js
- 阅读Ext 学习Javascript(一)Core/Ext.js
- Ext JS学习笔记(一)部署
- Ext JS 6开发实例(一)
- Node.js学习(一):初探Node.js
- Ext JS 4官方指南(一)——开始使用Ext JS 4
- ext js的讲解<一>
- 一起来学Ext js(一)
- Ext Js 搭建及核心组件介绍(一)
- Ext JS 4学习教程+笔记(一)
- 基于Linux的BeagleBoard-xm终端开发环境搭建
- 2013年4月10号
- C语言每日小练(三)——abc排列问题
- 学习日志
- word2007 同一个word文档设置不同页眉和删除设置页眉后出现的空白页
- Ext JS 5初探(一)
- 文献搜索方法概述
- 求强连通分量——Tarjan、Kosaraju算法
- Openssl漏洞记录
- 找工作复习中--Struts2输出图片流到页面
- CCNA网络技术实验手册:交换机密码恢复
- 新浪微博开发获得OAuth2.0授权的经历
- C++本类可以访问本身类的私有成员(即拷贝构造函数可以访问本身对象的私有成员)
- 程序员面试精要-C/C++程序设计-程序设计基本概念(面试宝典读书笔记)