Ext学习-HelloWorld以及基础环境搭建
1.目的
在eclipse中搭建EXTJS的基础环境，学习如何按照从官方下载的代码中搭建新的Extjs工程
2.主要包含内容：
1.ExtJS文件下载以及目录说明
2.ExtJS开发环境搭建
3.HelloWorld开发以及搭建
3.ExtJS文件下载以及目录说明
- ext-4.2.1-gpl与ext-4.2.1-commercial的区别
ext-4.2.1-gpl：开源版本，使用GPL开源协议
ext-4.2.1-commercial：商业版本，收费，稳定
作为个人研究来讲，可以使用ext-4.2.1-gpl。
- 下载的Extjs目录中各个文件说明
主要目录说明
- builds目录：压缩后的ExtJS代码，体积更小，更快，但是一般不使用；
- cmd目录：未知，个人理解是给extjs命令行模式使用，一般不用
- docs目录：开发文档；
- examples目录：官方演示示例；
- locale目录：多国语言资源文件，用户本地化，例如需要选择简体中文时，需要引入简体中文文件；
- packages目录：ExtJS各部分功能的打包文件；
- plugins目录:EXTJS中使用的插件，主要是flash相关的插件
- resource目录：ExtJS所需要的CSS与图片文件；
- src目录：未压缩的源代码目录
- welcome目录：首页所需要的样式，图片等文件
主要文件说明
- bootstarp.js：ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-dev.js；
- ext-all.js，ext-all-dev.js，ext-all-debug.js，ext-all-debug-w-comments.js：这是一组，都包含全部的EXTJS文件。每个文件分别代表一种使用场景：运行环境，开发环境，调试环境，带注释调试环境。
- ext-all-rtl.js,ext-all-rtl-dev.js,ext-all-rtl-debug.js,ext-all-rtl-debug-w-comments.js：这四个是一组，表示支持从右到左语言（像希伯来语和阿拉伯语一样）。每个文件分别代表一种使用场景：运行环境，开发环境，调试环境，带注释调试环境。
实例：
- ext.js,ext-dev.js,ext-debug.js,ext-debug-w-comments.js:这四个是一组，代表最精简的EXTJS代码。每个文件分别代表一种使用场景：运行环境，开发环境，调试环境，带注释调试环境。
- ext-theme-access.js，ext-theme-classic.js，ext-theme-classic-sandbox.js，ext-theme-gray.js，ext-theme-neptune.js：这几个是一组，配合EXTJS的不同样式使用。
- file-header.js：未知。文件为空。
- bootstrap.js文件作用：根据不同的情况来加载不同的js文件。
/**
* 加载本文件相同路径中的库
*
* 满足以下条件将自动加载 ext-all-dev.js：
* - 当前主机名是 localhost
* - 当前主机名是 IP v4 地址
* - 当前协议是 "file:"
*
* 其它情况下将加载 ext-all.js (minified)
*/
- 新建web应用需要用的文件
新建一个标准的web应用需要使用的文件有：
1.bootstrap.js,ext-all-dev.js,ext-all.js:用来加载基本的Extjs环境。
2.locale\ext-lang-zh_CN.js：用来支持中文。
3.resources目录：用来加载样式和图片等。
4.ExtJS文件下载以及目录说明
- spket插件安装配置
1.下载安装spket:
安装路径：http://www.agpad.com/update
2.配置
5.HelloWorld搭建测试
- HelloWord搭建
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--extJs文件-->
<script type="text/javascript" src="../../js/bootstrap.js" ></script>
<!--汉化语言包-->
<script type="text/javascript" src="../../js/locale/ext-lang-zh_CN.js" ></script>
<!-- 样式文件 -->
<link rel="stylesheet" type="text/css" href="../../js/resources/css/ext-all.css" /> <title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
Ext.MessageBox.alert('标题', 'Hello World!');
});
</script>
</body>
</html>
- 海王星皮肤使用说明
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--extJs文件-->
<script type="text/javascript" src="../../js/bootstrap.js" ></script>
<!--汉化语言包-->
<script type="text/javascript" src="../../js/locale/ext-lang-zh_CN.js" ></script> <!-- 海文星样式文件 -->
<link rel="stylesheet" type="text/css" href="../../js/resources/ext-theme-neptune/ext-theme-neptune-all.css" />
<!-- 比需要加，否则会出现样式问题 -->
<script src="../../js/ext-theme-neptune.js" type="text/javascript"></script> <title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
Ext.MessageBox.alert('标题', 'Hello World!');
});
</script>
</body>
</html>
还有我上面强调过一定要引入主题相对应的js文件，如果不引用会变成这样：
仔细看右上角的关闭按钮图标会向右方偏移
出处：http://www.cnblogs.com/sdjnzqr/
版权：本文版权归作者和博客园共有
转载：欢迎转载，但未经作者同意，必须保留此段声明；必须在文章中给出原文连接；否则必究法律责任
Ext学习-HelloWorld以及基础环境搭建的更多相关文章
- Maven 学习笔记(一) 基础环境搭建
在Java的世界里,项目的管理与构建,有两大常用工具,一个是Maven,另一个是Gradle,当然,还有一个正在淡出的Ant.Maven 和 Gradle 都是非常出色的工具,排除个人喜好,用哪个工具 ...
- ODB学习笔记之基础环境搭建
一,简介 ODB是应用于C++的一个开源.跨平台.跨数据库的对象关系映射(ORM)系统. 它可以让你持久化C++对象到关系数据库,而不必处理表.列或者SQL,无需手动编写任何映射代码. ODB支持 ...
- EXT 基础环境搭建
EXT 基础环境搭建使用 Sencha CMD 下载地址 https://www.sencha.com/products/extjs/cmd-download/ Sencha CMD 常用命令 API ...
- opengl基础学习专题 (一 )编程环境搭建
题外话: 第一次在博客园上同大家分享博文.水的的地方,错别字的地方.环境交流.批评.知道了马上改. 以前在百度空间中写技术分享博文,后来百度啥也没说就把整个空间封了.当时感觉 还是有点寒心.只想黑一下 ...
- Hadoop学习笔记(3)——分布式环境搭建
Hadoop学习笔记(3) ——分布式环境搭建 前面,我们已经在单机上把Hadoop运行起来了,但我们知道Hadoop支持分布式的,而它的优点就是在分布上突出的,所以我们得搭个环境模拟一下. 在这里, ...
- 深度学习（TensorFlow）环境搭建：（二）Ubuntu16.04+1080Ti显卡驱动
前几天把刚拿到了2台GPU机器组装好了,也写了篇硬件配置清单的文章——<深度学习(TensorFlow)环境搭建:(一)硬件选购和主机组装>.这两台也在安装Ubuntu 16.04和108 ...
- （一）Hyperledger Fabric 1.1安装部署-基础环境搭建
在学习和开发hyperledger fabric的时候遇到了一些坑,现将自己的一些总结和心得整理如下,以期对大家有所帮助.本次使用的宿主机环境:ubuntu,版本:Ubuntu 16.04.3 LTS ...
- HyperLedger Fabric 1.4 基础环境搭建（7）
学习了前面几章理论知识后,本章开始介绍实践操作,先介绍Fabric基础环境搭建,采用的操作系统为Centos 7 64位,依次介绍Docker安装.Docker-Compose安装.GO语言环境安装. ...
- dos基础+环境搭建基础理论
dos基础 市面上两大操作系统 windows.*nix(unix.linux.mac.bsd(安全性比较高)) 后三种都属于unix的衍生版本 linux是为了兼容unix开发的,最后开放了源代码 ...
随机推荐
- CSS之表格操作
表格的colspan和rowspan属性参考:http://erpoperator.blog.163.com/blog/static/17899637220123993031921/ colspan是 ...
- About Restful Web Api Something.
这种轻量级的服务架构目前来说还是比较流行的,比如微信的公众平台的接口开发就是一个很好的案例,提到restful那么他到底是一个什么样的东西? REST(Representational State T ...
- ocx在我indows7无法注册
公司今天用到一个 要用到ocx ,我调试好久都无法安装..... 后来在网上看到.原来是没有安装 VC Redist Installer(VC20052008201020122013)运行库合集 导 ...
- C#高效率导出Excel
首先,需要引用excel的库: Microsoft.Office.Interop.Excel.Application excel = new Microsoft.Office.Interop.Exce ...
- 从源码看java中Integer的缓存问题
在开始详细的说明问题之前,我们先看一段代码 public static void compare1(){ Integer i1 = 127, i2 = 127, i3 = 128, i4 = 128; ...
- mobileconfig文件的签名和认证（signed、verified）
专题:基于IOS上MDM技术相关资料整理及汇总mobileconfig文件的签名和认证(signed.verified) 一.功能描述: 鉴于我们的设备和MDM server之间已经可以通信,并能完成 ...
- 如何解决win7系统访问共享服务器慢的问题
最近重新装了win7系统,但发现当访问共享服务器的时候很慢,后来在网上搜索了相关解决办法,在此和大家分享下: 1. 通过“windows键”+“R键”快捷打开“运行”窗口,然后输入cmd命令敲回车,进 ...
- 《RPM源码包的制作》RHEL6
一下rpm包的创建不含编译部分: 首先写个脚本,这个脚本是你想干的事..useradd.sh是我写的脚本,批量添加20个用户.我们创建一个目录,将脚本放进去: 将此目录压缩: 我们将校验的key导出: ...
- ADO.NET笔记——使用DataAdapter执行增删改操作
相关知识: DataSet中的数据一旦从数据库下载下来,便不再与数据库保持联系.如果修改了DataSet中的数据,需要重新建立连接,并且通过SQL命令将修改更新到数据库去 编写SQL命令往往比较繁琐和 ...
- ubuntu 14.04 下FTP服务器的搭建--锁定用户目录，解决vsftpd: refusing to run with writable root inside chroot()
FTP服务器的搭建,我要实现的需求是: 不允许匿名访问,因为我的机器不想让谁都能登录上来,随便获取文件, 需要锁定一个目录,因为在家里,我需要给媳妇下载一些电影 韩剧之类的东西,媳妇会来我机器下载,但 ...