当前位置: 代码迷 >> Web前端 >> Ext的学习(1):学习之前的准备和想法
  详细解决方案

Ext的学习(1):学习之前的准备和想法

热度:96   发布时间:2012-11-01 11:11:31.0
Ext的学习(一):学习之前的准备和想法
大概完成了上个项目.现在给派到配合另外一个同事完成一个ext和android web端和手机端开发的知识管理系统中.首先完成web端ext为视图的开发.然后再完成手机端andriod开发.所以必须得先对ext了解一遍先.刚看到ext代码发现其开发和swing惊人的相似.应该使用的设计模式原理一样吧!

1.上ext官网下载一个ext3.1的包.http://www.extjs.com/
进入下载页面可以看到大致如图xxx所示的内容,可以选择选择3.1或2.1版本,我选择使用的3.1版本。



2.把下载得到的ZIP压缩文件解压缩到【D:\EXTMessage】目录下,可以得到如图所示的内容。


  
adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
docs: API帮助文档。
exmaples:提供使用ExtJs技术做出的小实例。
resources:Ext UI资源文件目录,如CSS、图片文件都存放在这里面。
pkgs:了解了一下好像是个新的工具包
src: 无压缩Ext全部的源码(里面分类存放)
Ext-all.js:压缩后的Ext全部源码。
ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。
 


3.由于项目使用的2.0几的.因为收费的问题吧.所以没办法该针对这个进行学习了.将网上找到ext-2.0.1的包解压到【D:\EXTMessage】目录下,可以得到如下图所示的内容。



adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
build:  压缩后的ext全部源码(里面分类存放)。
docs:  API帮助文档。
exmaples:提供使用ExtJs技术做出的小实例。
resources:Ext UI资源文件目录,如CSS、图片文件都存放在这里面。
source: 无压缩Ext全部的源码(里面分类存放)
Ext-all.js:压缩后的Ext全部源码。
ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。
ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类。
ext-core-debug.js:无压缩Ext的核心组件,包括sources/core下的所有类。


这时候就看下项目中常用到的一些视图格式是否有与exmaples中一样的.当然google查询是少不了的了..查找过程中找了一些可视化的操作工具..对于ext自己提供的xds-1.0.5.air.这个好像传说只是个玩具..不过有些大牛做了补丁可以进行代码的显示.不过用起来个人感觉代码不够规范.你拷下代码来还可能要有很多修改.要是你自己编写ext有足够规范的话.其实做起来可能更快吧.
这里是介绍一些插件的链接.2.x的好像只提供了网上编译的.
http://www.iteye.com/topic/445480 (eclipse的jsBuilder)http://atian25.iteye.com/blog/444581 (官网补丁破解版本)

从这些可以了解到.下面的学习是对ext各个组件的属性和属性将显示什么样的效果进行了解.
肯定是要先学一些常用的组件.因为项目中实际应用嘛.

  相关解决方案